body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz { --b-ink: #120E1C; --b-night: #17131F; --b-night2: #1F1A2A; --b-deep: #0F0B17; --b-line: #3A2F52; --b-line2: #4A3F62; --b-moon: #F6EEDB; --b-lilac: #C9BFE8; --b-muted: #A99FC0; --b-gold: #FFC45C; --b-gold-l: #FFE9B8; --b-pumpkin: #FFA048; --b-plus: #8CFF3A; --b-warn: #FF9A80; --b-gap: 12px; --b-pad: 16px; color: var(--b-moon); } @media (max-width: 380px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz { --b-pad: 12px; --b-gap: 10px; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-gone { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz [hidden] { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz > .section-head > span { color: var(--b-muted) !important; font-weight: 600; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-zone { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz.bnz-stk-off :is(#stakingRewardsCard, .bnz-hist) { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-grid { display: flex; flex-direction: column; gap: var(--b-gap); margin-top: var(--b-gap); min-width: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-col { display: contents; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingCard { order: 1; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingRewardsCard { order: 2; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-hist { order: 3; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refCodeCard { order: 4; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerCard { order: 5; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #subPartnerCard { order: 6; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerApplyCard { order: 7; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refGrowthCard { order: 8; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerGrowthCard { order: 9; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerBoardCard { order: 10; } @media (min-width: 1024px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-col { display: flex; flex-direction: column; gap: var(--b-gap); min-width: 0; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .profile-card, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now { position: relative; box-sizing: border-box; min-width: 0; padding: var(--b-pad) !important; margin: 0 !important; background: var(--b-night) !important; border: 2px solid var(--b-line) !important; box-shadow: inset 0 -3px 0 var(--b-ink) !important; overflow: visible !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .profile-card::before, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .profile-card::after { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .panel-title { margin: 0 0 10px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase; color: var(--b-lilac) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .muted { color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-layout, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: var(--b-gap) !important; align-items: start; max-width: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-col, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-col { display: flex !important; flex-direction: column; gap: var(--b-gap) !important; min-width: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-col:empty, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-col:empty { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-card { max-width: none !important; } @media (min-width: 1024px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz { --b-gap: 16px; --b-pad: 20px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-layout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-layout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-head { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: start; gap: 12px; margin: 0 0 14px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-ico { width: 32px; height: 32px; background: var(--ico) 0 0 / 32px 32px no-repeat; image-rendering: pixelated; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-head-t { min-width: 0; display: flex; flex-direction: column; gap: 4px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 32px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-title { margin: 0; font-size: 20px; font-weight: 900; line-height: 1.1; letter-spacing: .01em; color: var(--b-moon); text-shadow: 0 2px 0 var(--b-ink); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingCard.bnz-active .bnz-lead { display: none; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-lead { margin: 0; font-size: 14px; line-height: 1.35; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-head-badge, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-badge { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 26px; padding: 0 8px !important; margin: 0 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap; color: var(--b-gold) !important; background: #2A1F10 !important; border: 2px solid #6B5320 !important; box-shadow: none !important; box-sizing: border-box; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-head-badge.hidden { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-badge img { width: 16px; height: 16px; object-fit: contain; display: block; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-badge > span { display: inline-flex; align-items: center; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q { position: relative; width: 32px; height: 36px; padding: 0; margin: -2px 0 0; cursor: pointer; flex: none; border: 0; background: url("/season/halloween/bonus/help-n.png?v=bv1") 0 0 / 32px 36px no-repeat; image-rendering: pixelated; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q::after { content: ""; position: absolute; inset: -6px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q:hover { background-image: url("/season/halloween/bonus/help-h.png?v=bv1"); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q:active, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q[aria-expanded="true"] { background-image: url("/season/halloween/bonus/help-p.png?v=bv1"); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-q:focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help { margin: -4px 0 14px; padding: 12px 14px; background: var(--b-deep); border: 2px solid var(--b-line); animation: bnz-in .18s ease-out; } @keyframes bnz-in { from { opacity: 0; } to { opacity: 1; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help-list, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help .pa-perks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help-list li, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help .pa-perks li { position: relative; padding-left: 16px; font-size: 14px; line-height: 1.4; color: var(--b-lilac); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help-list li::before, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help .pa-perks li::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; margin: 0; background: var(--b-pumpkin); box-shadow: 0 0 0 2px var(--b-ink); border: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-digi { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; min-height: 44px; padding: 0 12px 0 6px; cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; color: var(--b-moon); background: var(--b-night2); border: 2px solid var(--b-line2); box-shadow: inset 0 -3px 0 var(--b-ink); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-digi:hover { border-color: var(--b-pumpkin); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-digi:focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-digi-face { width: 32px; height: 32px; background: url("/brand-logo-v2.webp") center / contain no-repeat; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#stakingStartBtn, #stakingClaimBtn, #refClaimBtn, #partnerClaimBtn, .bnz-gold) { box-sizing: border-box !important; height: 44px !important; min-height: 44px !important; padding: 0 4px 6px !important; margin: 0 !important; border-style: solid !important; border-color: transparent !important; border-width: 8px 12px !important; border-image: url("/season/halloween/bonus/gold-n.png?v=bv1") 4 6 4 6 fill / 8px 12px repeat !important; background: none !important; box-shadow: none !important; image-rendering: pixelated; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap; font-family: inherit; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .04em !important; text-transform: uppercase; color: #2A1B04 !important; text-shadow: 0 2px 0 #FFE9B8 !important; transform: none !important; transition: none !important; filter: none !important; opacity: 1 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#stakingStartBtn, #stakingClaimBtn, #refClaimBtn, #partnerClaimBtn, .bnz-gold):hover { border-image-source: url("/season/halloween/bonus/gold-h.png?v=bv1") !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#stakingStartBtn, #stakingClaimBtn, #refClaimBtn, #partnerClaimBtn, .bnz-gold):active { border-image-source: url("/season/halloween/bonus/gold-p.png?v=bv1") !important; padding-bottom: 2px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#stakingStartBtn, #stakingClaimBtn, #refClaimBtn, #partnerClaimBtn, .bnz-gold):is(:disabled, .is-inactive) { border-image-source: url("/season/halloween/bonus/gold-d.png?v=bv1") !important; color: #9A92B4 !important; text-shadow: 0 2px 0 #1A1726 !important; cursor: not-allowed; padding-bottom: 6px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#stakingStartBtn, #stakingClaimBtn, #refClaimBtn, #partnerClaimBtn, .bnz-gold):focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refCodeCopyBtn, #partnerCodeCopyBtn, .ref-link-copy-btn, .bnz-all, #partnerApplyBtn, #stakingCancelBtn) { box-sizing: border-box !important; height: 44px !important; min-height: 44px !important; min-width: 44px; padding: 0 2px 6px !important; margin: 0 !important; border-style: solid !important; border-color: transparent !important; border-width: 8px 12px !important; border-image: url("/season/halloween/buttons/B-back-n.png?v=b1") 4 6 4 6 fill / 8px 12px repeat !important; background: none !important; box-shadow: none !important; image-rendering: pixelated; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; flex: none; white-space: nowrap; font-family: inherit; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .04em !important; text-transform: uppercase; color: var(--b-lilac) !important; text-shadow: 0 2px 0 #110F1E !important; transform: none !important; transition: none !important; filter: none !important; opacity: 1 !important; width: auto; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refCodeCopyBtn, #partnerCodeCopyBtn, .ref-link-copy-btn, .bnz-all, #partnerApplyBtn, #stakingCancelBtn):hover { border-image-source: url("/season/halloween/buttons/B-back-h.png?v=b1") !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refCodeCopyBtn, #partnerCodeCopyBtn, .ref-link-copy-btn, .bnz-all, #partnerApplyBtn, #stakingCancelBtn):active { border-image-source: url("/season/halloween/buttons/B-back-p.png?v=b1") !important; padding-bottom: 2px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refCodeCopyBtn, #partnerCodeCopyBtn, .ref-link-copy-btn, .bnz-all, #partnerApplyBtn, #stakingCancelBtn):is(:disabled, .is-inactive) { border-image-source: url("/season/halloween/buttons/B-back-d.png?v=b1") !important; color: #7C7496 !important; cursor: not-allowed; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refCodeCopyBtn, #partnerCodeCopyBtn, .ref-link-copy-btn, .bnz-all, #partnerApplyBtn, #stakingCancelBtn):focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refCodeCopyBtn.is-copied { color: var(--b-plus) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingCancelBtn { width: 100% !important; margin-top: 8px !important; color: var(--b-warn) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingCancelBtn.hidden { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refLinkCopyBtn, #partnerDeepLinkCopyBtn, #subPartnerLinkCopyBtn) { width: 48px !important; font-size: 0 !important; color: transparent !important; text-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refLinkCopyBtn, #partnerDeepLinkCopyBtn, #subPartnerLinkCopyBtn) > * { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refLinkCopyBtn, #partnerDeepLinkCopyBtn, #subPartnerLinkCopyBtn)::before { content: ""; width: 18px; height: 18px; background: url("/season/halloween/bonus/copy.png?v=bv1") 0 0 / 18px 18px no-repeat; image-rendering: pixelated; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz :is(#refLinkCopyBtn, #partnerDeepLinkCopyBtn, #subPartnerLinkCopyBtn).bnz-ok::before { height: 16px; background-image: url("/season/halloween/bonus/ok.png?v=bv1"); background-size: 18px 16px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now { border-color: #6B5320 !important; background: #1C1610 !important; padding-top: 12px !important; padding-bottom: 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-k { margin: 0 0 2px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--b-gold); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-areas: "i t b" "i v b" "i h b"; align-items: center; column-gap: 12px; row-gap: 2px; padding: 8px 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row + .bnz-now-row { border-top: 2px solid #3A2F22; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row .bnz-ico { grid-area: i; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-t { grid-area: t; min-width: 0; display: flex; align-items: baseline; gap: 8px; overflow: hidden; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-t b { font-size: 14px; font-weight: 800; color: var(--b-moon); white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-t span { font-size: 12px; color: var(--b-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-v { grid-area: v; display: inline-flex; align-items: center; gap: 4px; font-size: 18px; font-weight: 900; color: var(--b-gold); font-variant-numeric: tabular-nums; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row .bnz-gold { grid-area: b; min-width: 104px; } @media (min-width: 768px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now { display: flex; align-items: center; column-gap: 32px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-k { margin: 0; flex: none; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-list { display: flex; flex-wrap: wrap; column-gap: 40px; flex: 1 1 auto; min-width: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row { flex: 0 1 400px; min-width: 300px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row + .bnz-now-row { border-top: 0; } } @media (max-width: 359px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-row .bnz-gold { min-width: 92px; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz.bnz-has-stk #stakingClaimBtn, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz.bnz-has-ref .ref-claim-row, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz.bnz-has-partner #partnerCard .ref-claim-row { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-tok { width: 1em; height: 1em; vertical-align: -.14em; margin: 0 0 0 .12em; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-field { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 8px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-label { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--b-lilac); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-bal { font-size: 13px; color: var(--b-muted); white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plans { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 16px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan { box-sizing: border-box; min-height: 72px; padding: 8px 4px 10px !important; margin: 0; gap: 2px !important; justify-content: center; font-family: inherit; color: var(--b-lilac); background: var(--b-night2) !important; border: 2px solid var(--b-line) !important; box-shadow: inset 0 -3px 0 var(--b-ink) !important; transform: none !important; transition: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan:hover { border-color: var(--b-line2) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan.is-on { background: #2A1C10 !important; border-color: var(--b-pumpkin) !important; box-shadow: inset 0 -3px 0 #B8540A !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan:focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan-name { font-size: 12px !important; letter-spacing: .04em !important; color: var(--b-muted) !important; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan.is-on .staking-plan-name { color: var(--b-moon) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan-pct { font-size: 20px !important; line-height: 1.1 !important; color: var(--b-gold) !important; font-variant-numeric: tabular-nums; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan-days { font-size: 12px !important; color: var(--b-muted) !important; white-space: nowrap; } @media (max-width: 359px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan-pct { font-size: 17px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-plan-name { font-size: 11px !important; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-amount-row { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; align-items: stretch; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-amount-input { flex: 1 1 auto; min-width: 0; height: 44px; min-height: 44px !important; box-sizing: border-box; padding: 0 12px !important; margin: 0; font-family: inherit; font-size: 18px !important; font-weight: 800 !important; color: var(--b-moon) !important; font-variant-numeric: tabular-nums; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; box-shadow: inset 0 3px 0 var(--b-ink) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-amount-input::placeholder { color: #6E6889; font-weight: 600; font-size: 15px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-amount-input:focus { outline: none; border-color: var(--b-pumpkin) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-all { padding-left: 4px !important; padding-right: 4px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 44px; margin: 4px 0 8px; padding: 0; cursor: pointer; background: none !important; border: 0 !important; box-shadow: none !important; --p: 0%; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range:focus { outline: none; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range:focus-visible { outline: 3px solid var(--b-plus); outline-offset: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range:disabled { opacity: .45; cursor: not-allowed; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range::-webkit-slider-runnable-track { height: 14px !important; box-sizing: border-box; border: 2px solid var(--b-ink) !important; border-radius: 0 !important; background: linear-gradient(90deg, var(--b-gold) 0 var(--p), var(--b-deep) var(--p) 100%) !important; box-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range::-moz-range-track { height: 8px; border: 2px solid var(--b-ink); background: var(--b-deep); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range::-moz-range-progress { height: 8px; background: var(--b-gold); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 26px; margin-top: -8px; border: 0 !important; box-shadow: none !important; background: url("/season/halloween/bonus/thumb.png?v=bv1") 0 0 / 18px 26px no-repeat; image-rendering: pixelated; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-range::-moz-range-thumb { width: 18px; height: 26px; border: 0; border-radius: 0; background: url("/season/halloween/bonus/thumb.png?v=bv1") 0 0 / 18px 26px no-repeat; image-rendering: pixelated; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc { margin: 0 0 12px; padding: 12px 14px; background: var(--b-deep); border: 2px solid var(--b-line); min-height: 48px; box-sizing: border-box; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-eg { display: inline-block; margin-right: 6px; padding: 0 6px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--b-muted); border: 2px solid var(--b-line); line-height: 18px; vertical-align: 1px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc.is-eg .bnz-calc-v { color: #C9A35A; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-in { font-size: 14px; line-height: 1.35; color: var(--b-lilac); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-in b { color: var(--b-moon); font-weight: 800; font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-out { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-l { font-size: 14px; color: var(--b-lilac); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-v { font-size: 26px; font-weight: 900; line-height: 1.1; color: var(--b-gold); font-variant-numeric: tabular-nums; text-shadow: 0 2px 0 var(--b-ink); white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-plus { font-size: 16px; font-weight: 900; color: var(--b-plus); font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc-note { margin-top: 8px; padding-top: 8px; border-top: 2px solid var(--b-night2); font-size: 13px; line-height: 1.4; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-calc.is-warn .bnz-calc-note { color: var(--b-warn); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingStartBtn { display: flex !important; width: 100% !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingIdleHint { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-terms { margin-top: 8px; text-align: center; font-size: 13px; line-height: 1.4; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingActive { position: relative; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-active-head { display: flex !important; align-items: center; gap: 8px; margin: 0 0 4px !important; min-height: 26px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-active-plan { font-size: 18px !important; color: var(--b-moon) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-active-pct { display: inline-flex; align-items: center; height: 26px; box-sizing: border-box; padding: 0 8px !important; font-size: 13px !important; color: var(--b-gold) !important; background: #2A1F10 !important; border: 2px solid #6B5320; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-day { margin: 0 0 10px; font-size: 13px; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress { margin: 0 0 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress-bar { height: 16px !important; box-sizing: border-box; background: var(--b-deep) !important; border: 2px solid var(--b-ink); overflow: hidden; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress-bar { position: relative; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress-bar > .bnz-mat { position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: auto !important; background: #4A3A1E !important; box-shadow: none !important; border: 0 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress-bar > span:not(.bnz-mat) { position: relative; background: var(--b-gold) !important; box-shadow: inset 0 3px 0 var(--b-gold-l), inset 0 -3px 0 #D9962E; transition: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-progress-label { margin-top: 6px !important; font-size: 13px !important; color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 12px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stat { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 4px !important; padding: 8px 10px !important; background: var(--b-deep) !important; border: 2px solid var(--b-line); min-width: 0; justify-content: space-between !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stat span { font-size: 12px !important; line-height: 1.25; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stat strong { font-size: 16px !important; font-weight: 900; color: var(--b-moon); font-variant-numeric: tabular-nums; white-space: nowrap; } @media (max-width: 400px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stats { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; background: var(--b-deep); border: 2px solid var(--b-line); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stat { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 8px 12px !important; border: 0 !important; background: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-stat + .staking-stat { border-top: 2px solid var(--b-night2) !important; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingClaimBtn { display: flex !important; width: 100% !important; margin-top: 0 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #stakingNextHint { margin-top: 8px !important; font-size: 13px !important; line-height: 1.4; color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-panel-head { display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between; gap: 8px; margin: 0 0 10px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-panel-head .panel-title { margin: 0 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-panel-head .muted { font-size: 13px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-rewards { display: flex !important; flex-direction: column; gap: 8px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 12px !important; text-align: left !important; padding: 8px 10px !important; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; box-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward.is-mine { border-color: #6B5320 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-medal { position: relative; width: 56px !important; height: 56px !important; margin: 0 !important; display: flex; align-items: center; justify-content: center; background: #1C1610 !important; border: 2px solid #6B5320 !important; box-shadow: none !important; box-sizing: border-box; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-img { width: 44px !important; height: 44px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-ribbon { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-text { align-items: flex-start !important; gap: 2px !important; min-width: 0; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-name { font-size: 14px !important; color: var(--b-moon) !important; white-space: normal !important; overflow: visible !important; line-height: 1.25 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-caption { font-size: 12px !important; line-height: 1.35; color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-reward-kind { margin: 0 !important; padding: 0 8px !important; height: 24px; display: inline-flex; align-items: center; box-sizing: border-box; font-size: 11px !important; color: var(--b-lilac) !important; background: var(--b-night2) !important; border: 2px solid var(--b-line) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-totals { display: flex !important; flex-direction: column; gap: 0 !important; margin: 0 0 10px; background: var(--b-deep); border: 2px solid var(--b-line); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-total { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 12px !important; padding: 8px 12px !important; border: 0 !important; background: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-total + .staking-total { border-top: 2px solid var(--b-night2) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-total span { font-size: 13px !important; line-height: 1.3; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-total strong { font-size: 16px !important; color: var(--b-moon); white-space: nowrap; font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-total strong.is-plus { color: var(--b-plus) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history { display: flex !important; flex-direction: column; gap: 6px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "p a" "w d"; align-items: baseline; gap: 2px 12px !important; padding: 8px 12px !important; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-plan { grid-area: p; font-size: 14px; color: var(--b-moon); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-amount { grid-area: a; justify-self: end; font-size: 14px; color: var(--b-lilac); font-variant-numeric: tabular-nums; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-when { grid-area: w; grid-column: auto !important; font-size: 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-delta { grid-area: d; justify-self: end; font-size: 13px; font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-delta.is-plus { color: var(--b-plus) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-history-empty { font-size: 13px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refCodeCard > .ref-code-row, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerCard .ref-code-row { display: flex !important; align-items: center; gap: 8px; margin: 0 0 8px !important; padding: 0 0 0 12px !important; min-height: 48px; box-sizing: border-box; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; box-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-code-val { flex: 1 1 auto; min-width: 0; font-size: 20px !important; font-weight: 900; letter-spacing: .06em; color: var(--b-moon) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-code-row > button { margin: 0 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-link-row:not(.hidden) { display: flex !important; align-items: center; gap: 8px; margin: 0 0 14px !important; padding: 0 0 0 12px !important; min-height: 48px; box-sizing: border-box; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; box-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-link-val { flex: 1 1 auto; min-width: 0; font-size: 13px !important; color: var(--b-muted) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; word-break: normal !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row { margin: 0 0 12px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row .case-showcase-meta, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerCard .case-showcase-meta, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #subPartnerCard .case-showcase-meta { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; margin: 0 !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerCard .case-showcase-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #subPartnerCard .case-showcase-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta > div { display: flex; flex-direction: column; justify-content: space-between; gap: 4px; min-width: 0; padding: 8px 10px !important; box-sizing: border-box; background: var(--b-deep) !important; border: 2px solid var(--b-line) !important; box-shadow: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta span { font-size: 12px !important; line-height: 1.25; color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta strong { font-size: 16px !important; font-weight: 900; color: var(--b-moon) !important; white-space: nowrap; font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-progress-wrap { margin: 0 0 4px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-progress-track { height: 16px !important; box-sizing: border-box; background: var(--b-deep) !important; border: 2px solid var(--b-ink) !important; overflow: hidden; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-progress-fill { height: 100% !important; background: var(--b-gold) !important; box-shadow: inset 0 3px 0 var(--b-gold-l), inset 0 -3px 0 #D9962E !important; transition: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refProgressLabel { margin-top: 6px !important; font-size: 13px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help .ref-levels-grid { display: flex !important; flex-direction: column; gap: 0 !important; margin: 12px 0 0 !important; border: 2px solid var(--b-line); background: var(--b-night); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) auto 48px; align-items: center; gap: 10px !important; min-width: 0; padding: 6px 10px !important; box-sizing: border-box; text-align: left !important; background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item + .ref-level-item { border-top: 2px solid var(--b-night2) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item.is-active { background: #2A1C10 !important; box-shadow: inset 3px 0 0 var(--b-pumpkin) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item-icon { display: block; width: 24px; height: 24px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item-icon img { width: 24px; height: 24px; object-fit: contain; display: block; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item-name { font-size: 14px !important; font-weight: 800; color: var(--b-moon) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item-req { font-size: 13px !important; color: var(--b-muted) !important; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-item-pct { font-size: 14px !important; font-weight: 900; color: var(--b-gold) !important; text-align: right; font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-claim-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 2px solid var(--b-night2) !important; gap: 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-claim-row .muted { font-size: 13px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-claim-row div[id] { font-size: 20px !important; color: var(--b-gold); font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-claim-row button { min-width: 112px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .partner-revoked-notice { padding: 10px 12px; background: #2A1414; border: 2px solid #6A2A2A; color: var(--b-warn); font-size: 13px; line-height: 1.4; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerClaimHint, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .sp-note { font-size: 13px !important; line-height: 1.4; color: var(--b-muted) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .pa-pitch { margin: 0 0 12px !important; font-size: 14px !important; line-height: 1.4; color: var(--b-lilac) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerApplyCard > .pa-perks { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .pa-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerApplyBtn { padding-left: 6px !important; padding-right: 6px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .pa-status { font-size: 13px; line-height: 1.4; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-period-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; margin: 0 0 12px !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #pbPeriods { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 439px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refGrowthPeriodRow, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerGrowthPeriodRow { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) and (max-width: 1279px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refGrowthPeriodRow, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerGrowthPeriodRow { grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-period-row > button { min-height: 40px !important; height: 40px; padding: 0 4px !important; margin: 0 !important; box-sizing: border-box; font-family: inherit; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0 !important; white-space: nowrap; color: var(--b-lilac) !important; background: var(--b-night2) !important; border: 2px solid var(--b-line) !important; box-shadow: inset 0 -3px 0 var(--b-ink) !important; transform: none !important; transition: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-period-row > button.active { color: var(--b-moon) !important; background: #2A1C10 !important; border-color: var(--b-pumpkin) !important; box-shadow: inset 0 -3px 0 #B8540A !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-period-row > button:focus-visible { outline: 3px solid var(--b-plus); outline-offset: 2px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 8px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-legend-item { font-size: 12px; color: var(--b-muted); display: inline-flex; align-items: center; gap: 6px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-legend-dot { width: 8px; height: 8px; box-shadow: 0 0 0 2px var(--b-ink); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refGrowthChartWrap, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerGrowthChartWrap { padding: 8px; background: var(--b-deep); border: 2px solid var(--b-line); margin: 0 0 12px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-chart { display: block; width: 100%; height: 120px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-chart-labels { display: flex; justify-content: space-between; font-size: 11px; color: var(--b-muted); margin-top: 4px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-stat-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 12px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-stat-grid > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 8px 10px; background: var(--b-deep); border: 2px solid var(--b-line); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-stat-grid span { font-size: 12px !important; line-height: 1.25; overflow-wrap: break-word; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-stat-grid strong { font-size: 16px !important; color: var(--b-moon); white-space: nowrap; font-variant-numeric: tabular-nums; } @media (min-width: 560px) and (max-width: 1023px), (min-width: 1280px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-headline { margin: 0; padding-top: 12px; border-top: 2px solid var(--b-night2); font-size: 14px; color: var(--b-lilac); text-align: left; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-headline b { font-size: 18px; color: var(--b-plus); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-empty { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 1.4; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-growth-empty-icon { display: none; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-zone-staking > .hw-guard.hw-tenant, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bonus-zone-ref > .hw-sleeper { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-help-list + .pa-perks { margin-top: 8px !important; } @media (max-width: 400px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row .case-showcase-meta, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerCard .case-showcase-meta, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #subPartnerCard .case-showcase-meta { display: flex !important; flex-direction: column; gap: 0 !important; background: var(--b-deep); border: 2px solid var(--b-line); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta > div { flex-direction: row !important; align-items: baseline; justify-content: space-between !important; gap: 12px; padding: 8px 12px !important; border: 0 !important; background: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta > div + div { border-top: 2px solid var(--b-night2) !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .case-showcase-meta span { font-size: 13px !important; } } @media (max-width: 380px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-title { font-size: 18px; } } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-now-h { grid-area: h; font-size: 12px; line-height: 1.3; color: var(--b-muted); white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-pbal { font-size: 20px; font-weight: 900; color: var(--b-gold); font-variant-numeric: tabular-nums; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-held { display: block; margin-top: 2px; font-size: 12px; font-weight: 600; color: var(--b-muted); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #partnerClaimHint > span { display: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz #refPendingEarnings > .muted { margin-top: 2px; font-size: 12px !important; color: var(--b-muted) !important; } @media (max-width: 360px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-head { gap: 8px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-title-row { flex-wrap: nowrap; gap: 6px; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .bnz-title { font-size: 16px; white-space: nowrap; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .staking-head-badge, body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-level-badge { font-size: 11.5px !important; padding: 0 5px !important; gap: 4px; } } @media (min-width: 401px) and (max-width: 480px) { body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row .case-showcase-meta { display: flex !important; flex-direction: column; gap: 0 !important; background: var(--b-deep); border: 2px solid var(--b-line); } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row .case-showcase-meta > div { flex-direction: row !important; align-items: baseline; justify-content: space-between !important; gap: 12px; padding: 8px 12px !important; border: 0 !important; background: none !important; } body.season-halloween:not(#hw0):not(#hw1) #bonusView.bnz .ref-stats-row .case-showcase-meta > div + div { border-top: 2px solid var(--b-night2) !important; } }