/* Cards: immediate catalogue paint, compact filters and bottom-mounted viewer controls. */
.chxCardsScreenPreparing{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:0!important}
.chxCardsInlineLoading{display:grid;justify-items:center;gap:13px;color:#bdeefa;font:1000 10px/1 Inter,sans-serif;letter-spacing:.16em}
.chxCardsInlineLoading i{width:34px;height:34px;border:3px solid rgba(101,228,249,.18);border-top-color:#65e4f9;border-radius:50%;animation:chxCardsFastSpin .7s linear infinite}
@keyframes chxCardsFastSpin{to{transform:rotate(360deg)}}
.chxCardsTileArt.isImagePending{background:radial-gradient(circle at 50% 44%,rgba(51,159,187,.16),transparent 46%),linear-gradient(115deg,rgba(4,19,29,.92) 22%,rgba(14,51,65,.9) 42%,rgba(4,19,29,.92) 62%);background-size:100% 100%,230% 100%;animation:chxCardsTilePending 1.25s linear infinite}
.chxCardsTileArt.isImagePending>img{opacity:0!important}
@keyframes chxCardsTilePending{to{background-position:0 0,-130% 0}}

.chxCardsVersionFilter{display:grid!important;justify-items:start!important;align-content:start!important}
.chxCardsVersionFilter .chxCardsVersionChoices{justify-content:flex-start!important;gap:10px!important}
.chxCardsVersionChoice{width:68px!important;height:68px!important;padding:6px!important}
.chxCardsVersionChoice svg,.chxCardsVersionChoice img{width:52px!important;height:52px!important}
.chxCardsVersionChoice svg{fill:none!important;stroke-width:3!important}

.chxCatalogCharacterDrawer .chxCatalogCharacterThumbs button>span{position:relative}
.chxCatalogCharacterDrawer .chxCatalogCharacterThumbs button small{position:absolute;z-index:3;right:2px;bottom:2px;left:2px;display:block;padding:5px 3px 4px;overflow:hidden;color:#ecfbff;background:linear-gradient(180deg,transparent,rgba(1,9,15,.94) 46%);font:850 8px/1.1 Inter,sans-serif;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.chxCatalogCharacterDrawer .chxCatalogCharacterThumbs button:hover small,.chxCatalogCharacterDrawer .chxCatalogCharacterThumbs button:focus-visible small{opacity:1;transform:none}

.chxCardsViewer:not(.fullArtMode) .chxCardsViewerPanel{grid-template-rows:0 minmax(0,1fr)!important;padding:0!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeader{position:absolute!important;z-index:24!important;inset:0 0 auto 0!important;min-height:0!important;height:0!important;padding:0!important;display:block!important;pointer-events:none}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeader>*{pointer-events:auto}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerVariants{display:none!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerClose{position:fixed!important;left:16px!important;top:16px!important;width:62px!important;height:62px!important;padding:0!important;border-radius:0!important;border:1px solid rgba(102,227,249,.46)!important;color:#dffbff!important;background:linear-gradient(145deg,rgba(8,36,50,.94),rgba(2,14,24,.96))!important;box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 0 18px rgba(76,211,239,.06)!important;transform:none!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerClose:hover{color:#03131b!important;border-color:#6ae8ff!important;background:#69e7ff!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerClose span{font-size:31px!important;transform:translateY(-1px)}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerCounter{position:fixed!important;left:16px!important;top:84px!important;width:62px!important;height:36px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0!important;color:#9fb5be!important;background:rgba(2,13,22,.68)!important;border:1px solid rgba(95,210,232,.16)!important;transform:none!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerCounter strong{font-size:22px!important}.chxCardsViewer:not(.fullArtMode) .chxCardsViewerCounter span{font-size:13px!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools{position:fixed!important;z-index:25!important;right:18px!important;top:16px!important;width:112px!important;display:grid!important;grid-template-columns:52px 52px!important;grid-template-rows:52px 42px!important;gap:7px 8px!important;margin:0!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools .chxCardsViewerHelp{grid-column:1;grid-row:1}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools .chxCardsViewerFavorite{grid-column:2;grid-row:1}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools .chxCardsViewerTokenBalance{grid-column:1/-1;grid-row:2;width:112px;height:42px;justify-content:center;padding:0 8px}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools .chxCardsViewerTokenBalance img{width:36px;height:36px}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerBody{height:100%!important;padding:0 0 var(--chx-cards-tray-height)!important;display:grid!important;place-items:center!important;transition:padding-bottom .36s ease!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerPanel.isTrayCollapsed .chxCardsViewerBody{padding-bottom:0!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerStage{width:100%!important;height:100%!important;display:grid!important;place-items:center!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerCardFrame,.chxCardsViewer:not(.fullArtMode) .chxCardsViewerPanel.isTrayCollapsed .chxCardsViewerCardFrame{width:min(calc(100vw - 86px),calc((100vh - var(--chx-cards-tray-height)) * 1.77778),1950px)!important;max-height:calc(100vh - var(--chx-cards-tray-height))!important}
.chxCardsViewer:not(.fullArtMode) .chxCardsViewerPanel.isTrayCollapsed .chxCardsViewerCardFrame{width:min(calc(100vw - 86px),177.7778vh,1950px)!important;max-height:100vh!important}
.chxCardsViewerFullArtTrigger{display:none!important}

.chxCardsViewerBottomControls{position:absolute;z-index:23;right:clamp(28px,5vw,104px);bottom:var(--chx-cards-tray-height);height:70px;display:flex;align-items:flex-end;gap:8px;transition:bottom .36s ease;pointer-events:auto}
.chxCardsViewerPanel.isTrayCollapsed .chxCardsViewerBottomControls{bottom:0}
.chxCardsViewerBottomControls button{position:relative;height:64px;padding:0;border:1px solid rgba(104,225,247,.32);border-radius:0;color:#8da7b1;background:linear-gradient(145deg,rgba(6,25,36,.95),rgba(2,12,21,.97));box-shadow:0 -8px 24px rgba(0,0,0,.28);cursor:pointer;transition:border-color .18s,color .18s,background .18s,box-shadow .18s,filter .18s}
.chxCardsViewerBottomControls button:disabled{opacity:.28;cursor:default}
.chxCardsViewerFullArtButton{width:126px!important;padding:0 17px!important;color:#dcebf0!important;font:1000 10px/1 Inter,sans-serif!important;letter-spacing:.14em!important}
.chxCardsViewerFullArtButton:not(:disabled):hover{color:#10130d!important;border-color:#efd27c!important;background:#efd27c!important;box-shadow:0 0 24px rgba(235,205,116,.28)!important}
.chxCardsViewerEditionButton{width:68px!important;display:grid;place-items:center}
.chxCardsViewerEditionButton>svg,.chxCardsViewerEditionButton>img{width:51px;height:51px;display:block;object-fit:contain}
.chxCardsViewerEditionButton>svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.chxCardsViewerEditionButton.isClassic.active{color:#6be8ff;border-color:#6be8ff;background:radial-gradient(circle,rgba(56,193,222,.3),rgba(3,23,34,.97));box-shadow:0 0 23px rgba(83,220,247,.26)}
.chxCardsViewerEditionButton.isAfterDark>img{filter:grayscale(1) brightness(.42);opacity:.6}
.chxCardsViewerEditionButton.isAfterDark.active{color:#ff9bd0;border-color:#ff79bd;background:radial-gradient(circle,rgba(197,50,162,.3),rgba(35,6,32,.98));box-shadow:0 0 24px rgba(232,78,190,.27)}
.chxCardsViewerEditionButton.isAfterDark.active>img{filter:none;opacity:1}
.chxCardsViewerEditionButton.isLockedEdition>i{position:absolute;right:3px;bottom:3px;width:19px;height:22px;color:#ff86c2}.chxCardsViewerEditionButton.isLockedEdition>i svg{width:100%;height:100%;fill:rgba(30,4,20,.88);stroke:currentColor}

@media(max-width:760px){
  .chxCardsViewer:not(.fullArtMode) .chxCardsViewerClose{left:8px!important;top:8px!important;width:52px!important;height:52px!important}
  .chxCardsViewer:not(.fullArtMode) .chxCardsViewerCounter{left:8px!important;top:64px!important;width:52px!important}
  .chxCardsViewer:not(.fullArtMode) .chxCardsViewerHeaderTools{right:8px!important;top:8px!important;transform:scale(.86);transform-origin:top right}
  .chxCardsViewerBottomControls{right:12px;height:58px;gap:5px}.chxCardsViewerBottomControls button{height:54px}.chxCardsViewerEditionButton{width:56px!important}.chxCardsViewerEditionButton>svg,.chxCardsViewerEditionButton>img{width:43px;height:43px}.chxCardsViewerFullArtButton{width:94px!important;font-size:8px!important}
  .chxCardsViewer:not(.fullArtMode) .chxCardsViewerCardFrame{width:min(calc(100vw - 20px),calc((100vh - var(--chx-cards-tray-height)) * 1.77778))!important}
}