/* Seasonal events (Halloween 2026). Variables are local to .event-page: nothing else on the site changes palette. */
.event-page {
    --ev-bg: #101116; --ev-surface: #191b23; --ev-raised: #222530; --ev-text: #f2f0e9; --ev-muted: #b5bac8;
    --ev-amber: #ff963d; --ev-on-amber: #17100a; --ev-violet: #8d6be8; --ev-ok: #78c99a; --ev-err: #ed7b83;
    --ev-border: rgba(242, 240, 233, .14);
    max-width: 1240px; color: var(--ev-text); line-height: 1.5;
}
.event-page a { color: var(--ev-amber); }
.ev-hero { position: relative; border-radius: 12px; overflow: hidden; background: var(--ev-bg); border: 1px solid var(--ev-border); margin-bottom: 24px; min-height: 260px; }
.ev-hero-img { display: block; width: 100%; height: 100%; min-height: 260px; object-fit: cover; opacity: .55; position: absolute; inset: 0; }
.ev-hero-copy { position: relative; padding: 32px; max-width: 640px; background: linear-gradient(90deg, rgba(16,17,22,.92) 60%, rgba(16,17,22,0)); }
.ev-title { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.1; margin: 0 0 12px; font-weight: 800; }
.ev-lead { font-size: 1.05rem; margin: 0 0 12px; }
.ev-meta { color: var(--ev-muted); font-size: .95rem; margin: 0 0 8px; }
.ev-test { display: inline-block; background: rgba(141,107,232,.18); border: 1px solid var(--ev-violet); border-radius: 8px; padding: 6px 12px; font-size: .9rem; margin: 0 0 12px; }
.ev-h { font-size: 1.35rem; margin: 0 0 12px; font-weight: 700; }
.ev-card, .ev-section { margin-bottom: 24px; }
.ev-card { background: var(--ev-surface); border: 1px solid var(--ev-border); border-radius: 12px; padding: 20px; }
.ev-list-item { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--ev-text) !important; }
.ev-muted { color: var(--ev-muted); }
.ev-small { font-size: .9rem; }
.ev-banner { background: rgba(255,150,61,.1); border: 1px solid var(--ev-amber); border-radius: 8px; padding: 12px 16px; margin-bottom: 24px; }
.ev-empty { background: var(--ev-surface); border: 1px dashed var(--ev-border); border-radius: 12px; padding: 24px; color: var(--ev-muted); text-align: center; }
.ev-error { border-color: var(--ev-err); }
.ev-balance { font-size: 2.5rem; font-weight: 800; color: var(--ev-amber); line-height: 1.1; }
.ev-balance span { font-size: 1rem; color: var(--ev-muted); font-weight: 400; }
.ev-tag { display: inline-block; font-size: .85rem; padding: 2px 10px; border-radius: 999px; background: var(--ev-raised); border: 1px solid var(--ev-border); }
.ev-tag-ok { color: var(--ev-ok); border-color: var(--ev-ok); }
.ev-tag-wait { color: var(--ev-amber); border-color: var(--ev-amber); }
.ev-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 8px 16px; border-radius: 8px; border: 1px solid var(--ev-border); background: var(--ev-raised); color: var(--ev-text) !important; font-weight: 600; text-decoration: none; cursor: pointer; }
.ev-btn:hover:not(:disabled) { border-color: var(--ev-amber); }
.ev-btn:focus-visible, .ev-faq summary:focus-visible { outline: 3px solid var(--ev-amber); outline-offset: 2px; }
.ev-btn:disabled { opacity: .6; cursor: not-allowed; }
.ev-btn-primary { background: var(--ev-amber); color: var(--ev-on-amber) !important; border-color: var(--ev-amber); }
.ev-btn-sm { font-size: .9rem; padding: 6px 12px; }
.ev-btn.is-active { border-color: var(--ev-violet); box-shadow: 0 0 0 2px rgba(141,107,232,.4); }
.ev-bar { height: 10px; border-radius: 999px; background: var(--ev-raised); overflow: hidden; margin: 8px 0 4px; }
.ev-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--ev-amber), #ffc15e); }
.ev-quests, .ev-rewards { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ev-quest, .ev-reward { background: var(--ev-surface); border: 1px solid var(--ev-border); border-radius: 12px; padding: 16px; }
.ev-quest.is-done { border-color: var(--ev-ok); }
.ev-quest-top { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; flex-wrap: wrap; }
.ev-reward { display: flex; gap: 12px; }
.ev-reward-img { width: 72px; height: 72px; object-fit: contain; flex: none; }
.ev-reward-cover { object-fit: cover; border-radius: 8px; width: 96px; height: 72px; }
.ev-img-empty { background: var(--ev-raised); border-radius: 8px; display: inline-block; }
.ev-reward-body { min-width: 0; }
.ev-reward-body p { margin: 4px 0; }
.ev-price { font-weight: 700; color: var(--ev-amber); margin: 4px 0 8px; }
.ev-price-auto { color: var(--ev-violet); }
.ev-icon-sm { width: 24px; height: 24px; object-fit: contain; }
.ev-tab-options { display: flex; flex-wrap: wrap; gap: 8px; }
.ev-faq { background: var(--ev-surface); border: 1px solid var(--ev-border); border-radius: 8px; padding: 12px 16px; margin-bottom: 8px; }
.hw.hw .hw-info { gap:40px; padding:32px; border:1px solid #ffffff12; border-radius:18px; background:radial-gradient(ellipse at 0% 0%,#7550b21c,transparent 55%),linear-gradient(140deg,#141724,#0d111a); }
.hw-info-heading p { font-size:13px; color:var(--muted); max-width:260px; margin-top:16px; }
.hw-info-symbol { display:grid; place-items:center; width:48px; height:48px; margin-bottom:22px; border-radius:13px; color:var(--amber); background:#e8762a12; border:1px solid #e8762a25; font-size:22px; }
.hw.hw .hw-info .ev-faq { background:transparent; border:0; border-bottom:1px solid #ffffff0d; border-radius:0; margin:0; padding:18px 0; }
.hw.hw .hw-info .ev-faq:first-child { padding-top:0; }
.hw.hw .hw-info .ev-faq:last-child { border-bottom:0; padding-bottom:0; }
.hw.hw .hw-info summary { font-weight:500; font-size:14px; line-height:1.5; align-items:center; }
.hw.hw .hw-info summary:after { display:grid; place-items:center; flex:none; width:26px; height:26px; border-radius:7px; background:#ffffff05; border:1px solid #ffffff0c; }
.hw.hw .hw-info details[open] summary { color:var(--amber); }
.hw.hw .hw-info details p { font-size:13px; line-height:1.8; padding-right:28px; }
.hw.hw .hw-copy .hw-date { font-size:12px; max-width:none; margin-top:24px; line-height:1.6; }
@media(max-width:640px) { .hw.hw .hw-info { padding:22px; gap:22px; } .hw-info-symbol { margin-bottom:14px; } .hw.hw .hw-info summary { font-size:13px; } .hw.hw .hw-info details p { padding-right:0; } }
.ev-faq summary { cursor: pointer; font-weight: 600; min-height: 24px; }
.ev-dialog { background: var(--ev-surface); color: var(--ev-text); border: 1px solid var(--ev-border); border-radius: 12px; padding: 24px; max-width: min(92vw, 420px); overflow-wrap: anywhere; }
.ev-dialog::backdrop { background: rgba(0,0,0,.65); }
.ev-dialog-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* Paid cosmetics (S05) */
.ev-sku-img { width: 96px; height: 72px; object-fit: cover; border-radius: 8px; }
.ev-sku-items { list-style: none; padding: 0; margin: 6px 0; display: grid; gap: 4px; font-size: .9rem; }
.ev-sku-items li { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; }
.ev-skus { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ev-sku { flex-wrap: wrap; }
.ev-sku .ev-reward-body { flex: 1 1 200px; }
.ev-orders { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ev-order { background: var(--ev-surface); border: 1px solid var(--ev-border); border-radius: 12px; padding: 12px 16px; overflow-wrap: anywhere; }
.ev-order p { margin: 6px 0 0; }
.ev-buy-total { font-size: 2rem; margin: 8px 0; }
.ev-sku.is-owned { border-color: var(--ev-ok); }
@media (max-width: 991px) { .ev-quests, .ev-rewards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .ev-hero-copy { padding: 20px 16px; background: rgba(16,17,22,.82); max-width: none; }
    .ev-quests, .ev-rewards, .ev-skus { grid-template-columns: 1fr; }
    .ev-balance { font-size: 2rem; }
    .ev-card { padding: 16px; }
    .ev-dialog-actions .ev-btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .event-page * { transition: none !important; animation: none !important; } }


/* Exact approved v2 composition, using the live event palette. */

.hw{--amber:var(--ev-amber);--muted:var(--ev-muted);max-width:1240px;margin:auto;padding:28px 24px 60px;color:#ecebf2}
.hw *{box-sizing:border-box}.hw a{color:inherit;text-decoration:none}.hw h1,.hw h2,.hw h3{font-family:var(--rd-font-head);font-weight:700}.hw p{line-height:1.6}.hw-hero{position:relative;min-height:535px;overflow:hidden;border-radius:20px;border:1px solid #ffffff14;background:#0b0e18}.hw-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;inset:0}.hw-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,14,.88),rgba(7,9,14,.52) 46%,transparent 80%),linear-gradient(0deg,#090c14,transparent 38%)}.hw-copy{position:relative;z-index:1;padding:60px 48px 75px;max-width:650px}.hw-kicker{display:flex;gap:10px;align-items:center;color:#ffd1a3;font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:22px}.hw-dot{width:6px;height:6px;border-radius:50%;background:#ff9f43;box-shadow:0 0 15px #ff9f43}.hw-copy h1{font-size:clamp(44px,5.8vw,76px);line-height:1.03;letter-spacing:-2px;margin:0 0 20px;text-transform:uppercase}.hw-copy h1 span{color:var(--amber)}.hw-copy>p{font-size:16px;color:#c3c4cc;max-width:380px;margin:0 0 28px}.hw-actions{display:flex;gap:12px;flex-wrap:wrap}.hw-btn{border:1px solid #ffffff23;background:#ffffff08;color:#eee;padding:13px 20px;border-radius:9px;font:600 13px var(--rd-font-body);display:inline-flex;gap:9px;align-items:center;justify-content:center;cursor:pointer;min-height:46px}.hw-btn.primary{background:linear-gradient(110deg,#e8762a,#fba14b);border-color:#f39b4b;color:#17100b;box-shadow:0 4px 30px #eb7f2726}.hw-btn:hover{filter:brightness(1.12)}.hw-date{margin-top:27px;font-size:12px;color:#aaadba;display:flex;align-items:center;gap:9px}.hw-stats{display:grid;grid-template-columns:1.1fr 1fr 1fr;position:relative;z-index:2;margin:-36px 24px 0;overflow:hidden;background:linear-gradient(120deg,#191b28ee,#111621f5);backdrop-filter:blur(16px);border:1px solid #ffffff13;border-radius:13px;box-shadow:0 12px 40px #0004}.hw-stat{padding:22px 26px;display:flex;gap:16px;align-items:center}.hw-stat+.hw-stat{border-left:1px solid #ffffff0c}.hw-stat>i{color:var(--amber);font-size:24px}.hw-stat img{width:48px;height:48px;object-fit:contain}.hw-stat small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.hw-stat strong{font:700 24px var(--rd-font-head)}.hw-stat strong span{font:400 12px var(--rd-font-body);color:var(--muted)}.hw-stat em{font-style:normal;font-size:12px;color:#c1c3cd}.hw-section{margin-top:52px}.hw-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.hw-heading h2{font-size:28px;margin:5px 0 0;letter-spacing:-.5px}.hw-eyebrow{font-size:10px;letter-spacing:2px;color:var(--amber);font-weight:700;text-transform:uppercase}.hw-heading p{font-size:12px;color:var(--muted);margin:0}.hw-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hw-reward{border:1px solid #ffffff10;background:linear-gradient(160deg,#171b28,#0f131e);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s}.hw-reward:hover{transform:translateY(-4px);border-color:#e8762a66}.hw-art{height:190px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 65%,#ad5d242a,transparent 65%)}.hw-art.violet{background:radial-gradient(ellipse at 50% 65%,#7961d33a,transparent 65%)}.hw-art img{width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 15px 22px #0008)}.hw-art.cover img{width:100%;height:100%;object-fit:cover}.hw-art.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111520,transparent 70%)}.hw-type{position:absolute;z-index:1;top:12px;left:12px;font-size:9px;letter-spacing:1px;color:#c9c9d2;border:1px solid #ffffff13;background:#0b0e1580;padding:5px 8px;border-radius:5px;text-transform:uppercase}.hw-reward-copy{padding:0 18px 18px}.hw-reward h3{font-size:18px;margin:0 0 7px}.hw-reward p{color:var(--muted);font-size:11px;min-height:35px;margin-bottom:18px}.hw-reward-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.hw-price{font-size:13px;font-weight:700;color:var(--amber)}.hw-price i{margin-right:4px}.hw-reward-foot button{font-size:11px;min-height:35px;padding:8px 11px}.hw-forever{color:var(--muted);font-size:11px;text-align:center;margin-top:18px}.hw-forever i{color:#85bca6;margin-right:6px}.hw-middle{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.hw-panel{background:#111520;border:1px solid #ffffff0f;border-radius:14px;padding:24px}.hw-quest{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #ffffff0b}.hw-quest-icon{width:42px;height:42px;flex:none;background:#e8762a12;border:1px solid #e8762a23;border-radius:10px;display:grid;place-items:center;color:var(--amber);font-size:18px}.hw-quest-body{flex:1;min-width:0}.hw-quest-title{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.hw-quest-title span{color:var(--amber);font-size:11px;white-space:nowrap}.hw-bar{height:5px;background:#ffffff0a;border-radius:8px;overflow:hidden;margin:10px 0 6px}.hw-bar b{display:block;height:100%;background:linear-gradient(90deg,#e8762a,#ffc277);border-radius:8px}.hw-quest small{color:var(--muted);font-size:10px}.hw-quest.done .hw-quest-icon{color:#84cfaa;background:#84cfaa0c;border-color:#84cfaa26}.hw-quest.done .hw-bar b{background:#84cfaa}.hw-night{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,#6d55ae25,transparent 65%),#111520}.hw-night>img{display:block;width:100px;height:100px;object-fit:contain;margin:4px auto 15px;filter:drop-shadow(0 0 30px #8e6ae733)}.hw-night h3{font-size:23px;margin:0 0 8px}.hw-night p{font-size:12px;color:var(--muted)}.hw-days{display:flex;gap:8px;margin:20px 0 10px}.hw-days span{display:grid;place-items:center;flex:1;height:32px;border-radius:7px;border:1px solid #ffffff12;font-size:11px;color:#71788b}.hw-days .done{background:#8d6be822;border-color:#8d6be850;color:#d1c4fb}.hw-community{display:flex;align-items:center;gap:30px;background:radial-gradient(ellipse at 10% 70%,#e8762a16,transparent 60%),#111520}.hw-community>img{width:100px;height:100px;object-fit:contain;flex:none}.hw-community-copy{flex:1}.hw-community h2{font-size:25px;margin:5px 0 8px}.hw-community p{font-size:12px;color:var(--muted);margin-bottom:14px}.hw-community-total{font:700 26px var(--rd-font-head);color:var(--amber);min-width:160px;text-align:right}.hw-community-total small{display:block;font:400 11px var(--rd-font-body);color:var(--muted);margin-top:6px}.hw-faq{display:grid;grid-template-columns:1fr 2fr;gap:35px}.hw-faq h2{font-size:28px;margin:6px 0}.hw-faq details{border-bottom:1px solid #ffffff0e;padding:15px 0}.hw-faq summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.hw-faq summary:after{content:'+';color:var(--amber)}.hw-faq details[open] summary:after{content:'−'}.hw-faq details p{font-size:12px;color:var(--muted);padding-top:13px;margin:0}.hw-disclaimer{font-size:10px;text-align:center;color:#606b82;margin:30px 0 0}.hw-dialog{background:#111520;color:#e8eaf2;border:1px solid #30394b;border-radius:16px;padding:28px;max-width:390px}.hw-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.hw button:focus-visible,.hw a:focus-visible,.hw summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
@media(max-width:950px){.hw-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-middle{grid-template-columns:1fr 1fr}.hw-copy{padding:50px 32px 80px}.hw-stat{padding:18px 14px;gap:10px}.hw-stat strong{font-size:21px}.hw-faq{grid-template-columns:1fr}.hw-community-total{min-width:120px}}
@media(max-width:640px){.hw{padding:16px 14px 35px}.hw-hero{min-height:540px}.hw-hero>img{object-position:69% center}.hw-hero:after{background:linear-gradient(90deg,#07090ed9,#07090e55),linear-gradient(0deg,#090c14,transparent 90%)}.hw-copy{padding:35px 24px 80px}.hw-copy h1{font-size:48px}.hw-copy>p{font-size:14px}.hw-kicker{font-size:9px}.hw-stats{margin:-48px 12px 0;grid-template-columns:1fr 1fr}.hw-stat{padding:14px 12px}.hw-stat:last-child{grid-column:1/-1;border-top:1px solid #ffffff0c;border-left:0}.hw-stat img{width:36px;height:36px}.hw-stat strong{font-size:21px}.hw-section{margin-top:34px}.hw-heading{align-items:start;flex-direction:column;gap:8px}.hw-heading h2{font-size:25px}.hw-rewards{gap:10px}.hw-art{height:145px}.hw-art img{width:104px;height:104px}.hw-reward-copy{padding:0 12px 14px}.hw-reward h3{font-size:16px}.hw-reward-foot{align-items:start;flex-direction:column;gap:12px}.hw-reward-foot button{width:100%}.hw-middle{grid-template-columns:1fr;gap:16px}.hw-panel{padding:20px}.hw-community{flex-wrap:wrap;gap:18px}.hw-community>img{width:64px;height:64px}.hw-community-copy{flex-basis:65%}.hw-community-total{width:100%;text-align:left}.hw-faq{gap:10px}.hw-date{font-size:11px}.hw-btn{padding:12px 16px}.hw-quest-title{font-size:12px}.hw-forever{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hw-reward{transition:none}}


.hw.event-page { padding:28px 24px 60px !important; }
.hw .hw-stats { margin-bottom:0; }
.hw .hw-rewards { list-style:none; padding:0; margin:0; }
.hw .hw-reward { padding:0; }
.hw .hw-reward-copy { display:flex; flex:1; flex-direction:column; }
.hw .hw-reward-copy > strong { font:700 18px var(--rd-font-head); }
.hw .hw-reward-copy > .hw-btn { margin-top:auto; }
.hw .hw-reward-copy .ev-price { font-size:13px; margin:8px 0 12px; color:var(--amber); }
.hw .hw-reward-copy .ev-tag { align-self:flex-start; font-size:10px; }
.hw .hw-reward-copy > .ev-tag { margin:0 0 12px; }
.hw .hw-reward-copy > .hw-btn { margin-top:auto; }
.hw .hw-reward-copy > strong { min-height:44px; }
.hw .hw-reward-copy > .ev-small.ev-muted { min-height:38px; margin-bottom:16px; }
.hw .hw-owned-section, .hw .hw-orders-section { margin-top:48px; margin-bottom:0; }
.hw .hw-owned-section > h2, .hw .hw-orders-section > h2 { margin-bottom:20px; }
.hw .ev-order { padding:16px 20px; line-height:1.8; }
.hw .ev-order > .ev-tag { margin-left:8px; vertical-align:middle; }
.hw .ev-candy { display:inline-block; width:24px; height:24px; object-fit:contain; vertical-align:middle; }
.hw .ev-candy-balance { width:44px; height:44px; }
.hw .ev-price-candy { display:flex; align-items:center; gap:6px; }
.hw .hw-art.weapon img { width:100%; height:100%; object-fit:contain; padding:0; }
@media(max-width:640px) { .hw .hw-owned-section, .hw .hw-orders-section { margin-top:34px; } .hw .ev-order { padding:14px; } }
.hw .hw-reward-copy p { min-height:0; }
.hw .hw-btn:disabled { opacity:.55; cursor:default; }
.hw .hw-art .ev-img-empty { width:120px; height:120px; }
.hw .hw-bar span { display:block; height:100%; background:linear-gradient(90deg,var(--amber),#ffc277); }
.hw .hw-bar { margin:10px 0 6px; }
.hw .hw-bar.ev-bar { height:5px; }
.hw .hw-quests-list { list-style:none; padding:0; margin:0; }
.hw .hw-quest { background:none; border-radius:0; border-right:0; border-left:0; border-bottom:0; }
.hw .hw-quest p { margin:4px 0 0; font-size:10px; color:var(--muted); }
.hw .hw-quest .ev-tag { font-size:10px; }
.hw .hw-night .hw-eyebrow { display:block; margin-bottom:14px; }
.hw .hw-night .hw-bar { margin:18px 0 10px; }
.hw .hw-night .hw-bar span { background:var(--ev-violet); }
.hw .hw-paid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hw .hw-paid .hw-art { height:220px; }
.hw .hw-paid .hw-art img { width:100%; height:100%; padding:20px; object-fit:contain; }
.hw .hw-paid .ev-sku-items { margin:10px 0; padding:0; list-style:none; font-size:11px; color:var(--muted); }
.hw .hw-paid .ev-sku-items img { width:20px; height:20px; }
.hw .hw-section > .ev-muted { font-size:11px; }
.hw .hw-disclosure { font-size:11px; color:var(--muted); margin-top:14px; }
.hw .hw-disclosure summary { cursor:pointer; }
.hw .hw-disclosure p { margin-top:8px; }
.hw .hw-single { grid-template-columns:1fr; }
.hw .hw-art-label { position:absolute; top:12px; left:12px; font-size:9px; letter-spacing:1px; background:#0b0e1580; border:1px solid #ffffff13; padding:5px 8px; border-radius:5px; z-index:1; }
.hw .hw-reward-copy > .ev-small { font-size:11px; color:var(--muted); margin-top:8px; }
.hw [id] { scroll-margin-top:80px; }
@media(max-width:640px) { .hw.event-page { padding:16px 14px 35px !important; } .hw .hw-paid { grid-template-columns:1fr; } .hw .hw-reward-copy > strong { font-size:16px; } .hw .hw-reward-copy > .hw-btn { font-size:11px; padding:8px; } }

.hw .hw-hero picture > img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:60% center; inset:0; }
.hw .hw-night .hw-night-img { display:block; width:100px; height:100px; object-fit:contain; margin:4px auto 15px; filter:drop-shadow(0 0 30px #8e6ae733); }
.hw .hw-art .ev-reward-cover { border-radius:0; }
.hw .hw-community .hw-community-img { width:100px; height:100px; object-fit:contain; flex:none; }
.hw .hw-stats .hw-stat strong { overflow-wrap:anywhere; }
.hw .hw-stats-guest { grid-template-columns:1fr 1fr; }
@media(max-width:640px) { .hw .hw-stats-guest { grid-template-columns:1fr; } }
@media(max-width:640px) { .hw .hw-hero picture > img { object-position:69% center; } .hw .hw-community .hw-community-img { width:64px; height:64px; } .hw .hw-days { flex-wrap:wrap; } .hw .hw-days span { min-width:22px; } }

.nickname-preview{padding:13px 12px;margin:0 0 16px;border:1px solid #ffffff12;border-radius:9px;background:#090d1680}.nickname-preview>small{display:block;font-size:10px;color:#979eaf;margin-bottom:10px}.nickname-example{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:32px}.hw .nickname-example>img{width:30px;height:30px;object-fit:contain;flex:none}.nickname-name{font-size:13px;font-weight:600;color:#eee}.hw .collection-card .ev-sku-items img.skin-item-thumb{width:42px;height:27px;object-fit:cover;border:1px solid #a782e444}
.hw .collection-grid{grid-template-columns:1fr 1fr 1.16fr;gap:18px;align-items:stretch}.collection-intro{color:var(--muted);font-size:13px;margin-bottom:24px}.hw .collection-card{display:flex;flex-direction:column}.hw .collection-card .hw-reward-copy{display:flex;flex-direction:column;flex:1;padding:20px}.hw .collection-card .collection-art{height:220px;flex:none;overflow:hidden}.hw .collection-art>img:first-child{width:100%;height:100%;padding:0;object-fit:cover;border-radius:0;filter:none}.hw .collection-art>img.collection-icon-overlay{position:absolute;bottom:12px;right:14px;width:82px;height:82px;padding:0;filter:drop-shadow(0 5px 12px #000b)}.hw .collection-main{border-color:#b08aff70;background:linear-gradient(155deg,#231b34,#111520);box-shadow:0 0 30px #9160ce12}.hw .collection-main .hw-art-label{background:#583c83d9;color:#f2e7ff;border-color:#c8a7ff55}.hw .collection-card .collection-desc{min-height:50px;margin:12px 0;font-size:12px}.hw .collection-card .ev-sku-items{display:flex;flex-direction:column;gap:12px;margin:10px 0 18px;min-height:110px}.hw .collection-card .ev-sku-items li{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.6}.hw .collection-card .ev-sku-items img{width:26px;height:26px;object-fit:contain;border-radius:4px;flex:none}.collector-mark{display:inline-grid;place-items:center;width:26px;height:26px;color:#e9bc71;background:#e9bc7114;border-radius:5px}.collector-badge{font-size:10px;font-weight:700;color:#f1cd8a;border:1px solid #d3a55550;background:#d3a55512;padding:2px 7px;border-radius:5px}.hw .collection-card .collection-how{font-size:11px;min-height:52px;line-height:1.7;border-top:1px solid #ffffff0b;padding-top:14px;margin-bottom:18px}.collection-purchase{margin-top:auto}.hw .collection-purchase .ev-price{min-height:0;font-size:21px;color:var(--amber);margin-bottom:12px}.collection-purchase button{width:100%}.hw .collection-card .hw-reward-copy>strong{font-size:21px}@media(max-width:1100px){.hw .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw .collection-main{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hw .collection-main .collection-art{height:100%;min-height:300px}.hw .collection-main .collection-art>img:first-child{object-fit:contain}}@media(max-width:640px){.hw .collection-grid{grid-template-columns:1fr}.hw .collection-main{grid-column:auto;display:flex}.hw .collection-main .collection-art{height:220px;min-height:0}.hw .collection-card .collection-art{height:220px}.hw .collection-card .collection-desc,.hw .collection-card .ev-sku-items,.hw .collection-card .collection-how{min-height:0}}

/* A hidden, unready skin collection must not leave an empty third column. */
.hw .collection-grid.collection-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:640px) { .hw .collection-grid.collection-grid-two { grid-template-columns:1fr; } }

/* Generated Halloween quest artwork; completion keeps its illustration. */
.hw .hw-quest-icon.has-art { position:relative; width:80px; height:80px; border-radius:16px; background:radial-gradient(circle,#e8762a18,transparent 72%); }
.hw .hw-quest-art { display:block; width:72px; height:72px; object-fit:contain; filter:drop-shadow(0 4px 8px #0006); }
.hw .hw-quest-check { position:absolute; right:-3px; bottom:-3px; display:grid; place-items:center; width:23px; height:23px; border:2px solid #111520; border-radius:50%; background:#84cfaa; color:#10241c; font-size:13px; }
@media(max-width:640px) { .hw .hw-quest-icon.has-art { width:60px; height:60px; border-radius:12px; } .hw .hw-quest-art { width:56px; height:56px; } .hw .hw-quest { gap:12px; } .hw .hw-quest-title { flex-wrap:wrap; gap:4px 10px; } }