/* Card shop and viewer refinements — 2026-08-06. */
.chxCardsBuyDialog{width:min(94vw,860px);padding:22px 24px 24px}
.chxCardsBuyHeader{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:120px;padding-right:54px;margin-bottom:14px}
.chxCardsBuyHeader h3{margin:0!important;padding:0!important;font:1000 28px/1 Inter,sans-serif!important;letter-spacing:.06em}
.chxCardsBuyBalances{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.chxCardsBuyBalances>span{height:42px;display:flex;align-items:center;gap:7px;padding:0 11px 0 5px;border:1px solid rgba(92,224,248,.28);color:#dffbff;background:rgba(2,17,28,.78)}
.chxCardsBuyBalances>span.isAfterDark{border-color:rgba(230,102,185,.3);color:#ffd9ec;background:rgba(27,7,25,.76)}
.chxCardsBuyBalances img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(88,224,250,.3))}
.chxCardsBuyBalances .isAfterDark img{filter:drop-shadow(0 0 9px rgba(224,91,241,.38))}
.chxCardsBuyBalances strong{font:1000 14px/1 Inter,sans-serif;white-space:nowrap}
.chxCardsBuyOffers{grid-template-columns:1fr 1fr;gap:14px}
.chxCardsStoreOffer{position:relative;min-width:0;padding-top:38px;border:1px solid rgba(91,222,247,.3);background:linear-gradient(145deg,rgba(6,35,49,.84),rgba(3,14,24,.95))}
.chxCardsStoreOffer.isTokens{border-color:rgba(196,105,242,.36);background:linear-gradient(145deg,rgba(42,18,58,.82),rgba(13,8,28,.96))}
.chxCardsStoreSwitch{position:absolute;z-index:5;top:0;right:0;left:0;height:38px;display:grid;grid-template-columns:1fr 1fr;padding:3px;background:rgba(1,9,16,.88)}
.chxCardsBuyOffers .chxCardsStoreSwitch button{min-width:0!important;min-height:0!important;height:32px!important;display:grid!important;grid-template-rows:none!important;place-items:center;padding:0!important;overflow:visible!important;border:1px solid transparent!important;border-radius:0!important;color:#75909b!important;background:transparent!important;box-shadow:none!important;font:1000 10px/1 Inter,sans-serif!important;letter-spacing:.1em;transform:none!important;cursor:pointer!important}
.chxCardsBuyOffers .chxCardsStoreSwitch button.active{border-color:rgba(103,228,250,.34)!important;color:#e8fbff!important;background:rgba(44,175,205,.18)!important}
.chxCardsStoreOffer.isTokens .chxCardsStoreSwitch button.active{border-color:rgba(229,120,226,.4)!important;color:#ffe7f7!important;background:rgba(167,68,164,.2)!important}
.chxCardsBuyOffers .chxCardsStorePurchase{width:100%;min-height:286px!important;display:grid!important;grid-template-rows:178px 1fr!important;padding:0!important;border:0!important;border-radius:0!important;color:#eefcff!important;background:transparent!important;box-shadow:none!important;transform:none!important;cursor:pointer}
.chxCardsStoreOffer:hover{border-color:#62e4fb;box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 24px rgba(83,221,246,.1)}
.chxCardsStoreOffer.isTokens:hover{border-color:#d178ee;box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 27px rgba(194,89,231,.13)}
.chxCardsStoreOffer.isUnavailable{border-color:rgba(91,129,143,.22);box-shadow:none}
.chxCardsBuyOffers .chxCardsStorePurchase:disabled{opacity:.48;cursor:not-allowed!important}
.chxCardsBuyOfferCopy{gap:9px;padding:13px 14px 15px}
.chxCardsBuyOfferCopy>strong{font-size:17px}
.chxCardsBuyOfferCopy em{max-width:280px;color:#ffafc1;font:800 9px/1.35 Inter,sans-serif;text-align:center;font-style:normal}
.chxCardsBuyOfferCopy .chxCurrencyPrice{gap:9px}
.chxCardsBuyOfferCopy .chxCurrencyPrice img{width:34px;height:34px}
.chxCardsBuyOfferCopy .chxCurrencyPrice b{font-size:24px}
.chxCardsBuyTokenArt{display:grid!important;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(195,86,241,.22),rgba(4,8,18,.98) 66%)}
.chxCardsBuyTokenArt img{position:absolute;width:142px!important;height:142px!important;left:50%;top:50%;object-fit:contain!important;transform:translate(calc(-50% + (var(--token-index) - 1)*42px),-50%) rotate(calc((var(--token-index) - 1)*10deg))!important;filter:drop-shadow(0 0 18px rgba(216,87,246,.45));z-index:calc(3 - var(--token-index))}
.chxCardsBuyTokenArt img:only-child{transform:translate(-50%,-50%)!important}

/* The requested edition changes immediately; the old bitmap only fades out. */
.chxCardsViewerCardFrame.isVariantTransition,.chxCardsFullArtStage.isVariantTransition{--chx-variant-glow:#ff6fb9;--chx-variant-glow-rgb:255,91,177}
.chxCardsViewerCardFrame.isVariantTransition.isToStandard,.chxCardsFullArtStage.isVariantTransition.isToStandard{--chx-variant-glow:#63e5ff;--chx-variant-glow-rgb:74,213,248}
.chxCardsViewerOutgoingImage{position:absolute!important;z-index:4!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important;animation:chxCardsOldVariantOut .78s cubic-bezier(.2,.68,.2,1) both!important}
.chxCardsFullArtStage>.chxCardsViewerOutgoingImage{width:auto!important;height:auto!important;max-width:100vw!important;max-height:100vh!important;left:50%;top:50%;inset:auto;transform:translate(-50%,-50%);filter:none}
.chxCardsViewerCardFrame.isVariantTransition::after,.chxCardsFullArtStage.isVariantTransition::after{content:"";position:absolute;z-index:6;inset:-2%;pointer-events:none;border:2px solid var(--chx-variant-glow);box-shadow:inset 0 0 34px rgba(var(--chx-variant-glow-rgb),.42),0 0 34px rgba(var(--chx-variant-glow-rgb),.5);animation:chxCardsVariantHalo .78s ease both}
@keyframes chxCardsOldVariantOut{0%{opacity:1;filter:brightness(1)}55%{opacity:.34;filter:brightness(1.28) saturate(1.15)}100%{opacity:0;filter:brightness(1.45)}}
@keyframes chxCardsVariantHalo{0%,100%{opacity:0;transform:scale(.985)}30%{opacity:1}70%{opacity:.46;transform:scale(1.012)}}

.chxCardsViewerPanel[data-variant="signature"] .chxCardsViewerCardFrame>img,
.chxCardsViewerPanel[data-variant="signature"] .chxCardsViewerThumbnail img{filter:drop-shadow(3px 0 0 #521139) drop-shadow(-3px 0 0 #521139) drop-shadow(0 3px 0 #521139) drop-shadow(0 -3px 0 #521139) drop-shadow(0 14px 22px rgba(0,0,0,.5))}
.chxCardsFullArtView[data-mode="signature"] .chxCardsFullArtImage{filter:drop-shadow(2px 0 0 #53113b) drop-shadow(-2px 0 0 #53113b) drop-shadow(0 2px 0 #53113b) drop-shadow(0 -2px 0 #53113b)}
.chxCardsFullArtStage>.chxCardsFullArtImage{width:auto!important;height:auto!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important}
.chxCardsViewerTrayToggle,.chxCardsFullArtTrayToggle{left:50%!important;right:auto!important;margin-left:0!important;transform:translateX(-50%)!important}
.chxCardsFullArtHint{position:absolute;left:calc(50% + 175px);top:50%;max-width:230px;color:#d5edf3;font:850 9px/1.35 Inter,sans-serif;letter-spacing:.04em;transform:translateY(-50%);text-shadow:0 2px 8px #000;pointer-events:none}

/* Sidebar navigation keeps a strict angular silhouette and a readable two-line membership label. */
#cxCommandCenter .cx-sidebar>.cx-nav{border-radius:0!important}
#cxCommandCenter .cx-sidebar .cx-membership-nav>span{width:76px!important;min-width:76px!important;max-width:76px!important;overflow:visible!important;font-size:7px!important;line-height:1.12!important;letter-spacing:.07em!important;white-space:normal!important}
@media(max-width:760px){.chxCardsBuyHeader{align-items:flex-start;gap:8px;flex-direction:column;padding-right:46px}.chxCardsBuyBalances{margin-left:0}.chxCardsFullArtHint{display:none}.chxCardsBuyOffers{grid-template-columns:1fr}.chxCardsBuyOffers .chxCardsStorePurchase{min-height:246px!important;grid-template-rows:145px 1fr!important}}

/* 2026-08-06 — card shop hierarchy, stronger quantity tabs and token reward. */
.chxCardsTitle h2{font-size:clamp(30px,2.25vw,44px)!important}
.chxCardsHeader{align-items:center!important;min-height:64px}
.chxCardsHeaderPurchase{display:flex;align-items:center;justify-content:center}
.chxCardsHeaderPurchase>button{
  position:relative;
  min-width:188px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px 0 10px;
  overflow:hidden;
  border-color:rgba(122,239,255,.9);
  background:linear-gradient(135deg,#73e6f9 0%,#58cee9 47%,#b5f5ff 100%);
  box-shadow:0 0 0 1px rgba(114,230,249,.15),0 0 24px rgba(78,220,247,.28),0 10px 24px rgba(0,0,0,.28);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.chxCardsHeaderPurchase>button:after{content:"";position:absolute;top:-50%;left:-35%;width:25%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(18deg);animation:chxCardsShopShine 4.6s ease-in-out infinite;pointer-events:none}
.chxCardsHeaderPurchase>button:hover{filter:saturate(1.08) brightness(1.04);box-shadow:0 0 0 1px rgba(135,242,255,.3),0 0 36px rgba(89,222,247,.45),0 13px 28px rgba(0,0,0,.32);transform:translateY(-2px)}
.chxCardsShopIcon{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(3,27,38,.25);background:rgba(2,30,41,.12);clip-path:polygon(13% 0,100% 0,100% 87%,87% 100%,0 100%,0 13%)}
.chxCardsShopIcon svg{width:24px;height:24px;overflow:visible;fill:none;stroke:rgba(2,27,38,.9);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.chxCardsHeaderPurchase>button>span:last-child{position:relative;z-index:1;white-space:nowrap}
@keyframes chxCardsShopShine{0%,72%{left:-35%;opacity:0}78%{opacity:1}92%,100%{left:120%;opacity:0}}
.chxCardsHeaderEnd{gap:20px!important}
.chxCardsSignatureHeaderBalance{gap:6px!important;margin-right:2px}
.chxCardsSignatureHeaderBalance img{width:52px!important;height:52px!important}
.chxCardsSignatureHeaderBalance strong{font-size:14px!important}

.chxCardsStoreOffer{padding-top:48px}
.chxCardsStoreSwitch{height:48px;padding:5px;gap:5px;border-bottom:1px solid rgba(116,220,239,.17);background:linear-gradient(180deg,rgba(3,15,25,.98),rgba(2,10,18,.94))}
.chxCardsBuyOffers .chxCardsStoreSwitch button{height:38px!important;border:1px solid rgba(104,144,158,.2)!important;color:#8daab5!important;background:rgba(13,34,45,.36)!important;font-size:11px!important;letter-spacing:.13em!important;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.chxCardsBuyOffers .chxCardsStoreSwitch button:hover{color:#dffaff!important;border-color:rgba(101,221,243,.45)!important;background:rgba(39,123,144,.2)!important}
.chxCardsBuyOffers .chxCardsStoreSwitch button.active{color:#03131b!important;border-color:#70e7fb!important;background:linear-gradient(135deg,#65ddf4,#a7f3ff)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 0 16px rgba(88,222,248,.22)!important}
.chxCardsStoreOffer.isTokens .chxCardsStoreSwitch button{color:#b99abf!important;border-color:rgba(178,103,196,.19)!important;background:rgba(49,21,56,.35)!important}
.chxCardsStoreOffer.isTokens .chxCardsStoreSwitch button:hover{color:#ffe8fa!important;border-color:rgba(231,123,226,.5)!important;background:rgba(121,51,128,.25)!important}
.chxCardsStoreOffer.isTokens .chxCardsStoreSwitch button.active{color:#fff2fc!important;border-color:#e181df!important;background:linear-gradient(135deg,#732b75,#b850a5)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 17px rgba(213,90,211,.25)!important}

.chxCardsTokenRewardDialog{position:relative;z-index:1;width:min(92vw,560px);display:grid;justify-items:center;gap:16px;padding:24px 30px 28px;overflow:hidden;border:1px solid rgba(226,112,230,.55);color:#fff;background:radial-gradient(circle at 50% 38%,rgba(133,45,157,.32),transparent 43%),linear-gradient(145deg,rgba(30,9,38,.995),rgba(4,8,19,.995));box-shadow:0 38px 110px rgba(0,0,0,.75),0 0 60px rgba(209,84,233,.2);opacity:0;transform:scale(.94) translateY(12px);transition:opacity .35s ease,transform .48s cubic-bezier(.18,.82,.22,1)}
.chxCardsTokenRewardDialog.show{opacity:1;transform:none}
.chxCardsTokenRewardDialog:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,rgba(233,123,248,.08),transparent 23%,rgba(108,221,250,.06),transparent 50%);animation:chxTokenRewardRotate 12s linear infinite;pointer-events:none}
.chxCardsTokenRewardDialog>header{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;text-align:center}
.chxCardsTokenRewardDialog>header span{color:#e886eb;font:1000 7px/1 Inter,sans-serif;letter-spacing:.23em}
.chxCardsTokenRewardDialog>header strong{font:1000 24px/1.05 Inter,sans-serif;letter-spacing:.055em}
.chxCardsTokenRewardAura{position:relative;z-index:2;width:100%;height:246px;display:grid;place-items:center;overflow:hidden}
.chxCardsTokenRewardAura>i{position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(231,117,244,.28);background:radial-gradient(circle,rgba(231,97,246,.31),rgba(107,35,131,.12) 43%,transparent 70%);box-shadow:0 0 38px rgba(221,88,241,.34),inset 0 0 32px rgba(230,105,244,.2);animation:chxTokenRewardPulse 2.2s ease-in-out infinite}
.chxCardsTokenRewardArt{position:absolute;inset:0;display:grid;place-items:center}
.chxCardsTokenRewardArt img{position:absolute;left:50%;top:50%;width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(227,90,250,.58));transform:translate(-50%,-50%) scale(.55) rotate(-10deg);opacity:0;animation:chxTokenRewardArrive .72s .12s cubic-bezier(.18,.86,.22,1) forwards}
.chxCardsTokenRewardArt img:first-child:nth-last-child(3){--reward-x:-58px;--reward-r:-11deg}
.chxCardsTokenRewardArt img:nth-child(2):nth-last-child(2){--reward-x:0px;--reward-r:0deg;z-index:2;animation-delay:.2s}
.chxCardsTokenRewardArt img:nth-child(3):last-child{--reward-x:58px;--reward-r:11deg;animation-delay:.28s}
.chxCardsTokenRewardAura>b{position:absolute;z-index:5;right:calc(50% - 123px);bottom:27px;min-width:56px;height:42px;display:grid;place-items:center;padding:0 12px;border:1px solid rgba(255,163,245,.55);color:#fff;background:rgba(79,19,86,.92);box-shadow:0 0 20px rgba(222,93,235,.32);font:1000 22px/1 Inter,sans-serif;transform:scale(.7);opacity:0;animation:chxTokenRewardCount .4s .55s ease forwards}
.chxCardsTokenRewardTotal{position:relative;z-index:2;display:grid;justify-items:center;gap:8px}
.chxCardsTokenRewardTotal>small{color:#b998be;font:1000 7px/1 Inter,sans-serif;letter-spacing:.2em}
.chxCardsTokenRewardTotal>span{display:flex;align-items:center;gap:9px;color:#ffdff7}
.chxCardsTokenRewardTotal img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(225,96,246,.55))}
.chxCardsTokenRewardTotal strong{font:1000 25px/1 Inter,sans-serif}
.chxCardsTokenRewardAction{position:relative;z-index:2;min-width:190px;height:44px;border:1px solid #de78e2;color:#fff;background:linear-gradient(135deg,#713071,#ae4f9e);box-shadow:0 0 22px rgba(210,87,218,.18);font:1000 8px/1 Inter,sans-serif;letter-spacing:.14em;cursor:pointer}
.chxCardsTokenRewardAction:hover{filter:brightness(1.12);box-shadow:0 0 30px rgba(225,103,232,.34)}
@keyframes chxTokenRewardRotate{to{transform:rotate(360deg)}}
@keyframes chxTokenRewardPulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes chxTokenRewardArrive{to{opacity:1;transform:translate(calc(-50% + var(--reward-x,0px)),-50%) scale(1) rotate(var(--reward-r,0deg))}}
@keyframes chxTokenRewardCount{to{opacity:1;transform:scale(1)}}

@media(max-width:1500px){.chxCardsHeader{grid-template-columns:auto minmax(160px,1fr) auto auto!important}.chxCardsMarkAllRead{display:none!important}.chxCardsHeaderPurchase{position:static;grid-column:3;grid-row:1;justify-self:center;transform:none}.chxCardsHeaderPurchase>button{height:44px}.chxCardsHeaderEnd{grid-column:4;grid-row:1;gap:14px!important}.chxCardsSignatureHeaderBalance img{width:46px!important;height:46px!important}}
@media(max-width:760px){.chxCardsHeader{grid-template-columns:auto 1fr!important}.chxCardsTitle h2{font-size:30px!important}.chxCardsHeaderPurchase{grid-column:1/-1;grid-row:auto}.chxCardsHeaderPurchase>button{min-width:176px}.chxCardsHeaderEnd{grid-column:2;grid-row:1}.chxCardsTokenRewardDialog{padding:22px 18px}.chxCardsTokenRewardAura{height:215px}.chxCardsTokenRewardArt img{width:155px;height:155px}}