/* v10.246 — Option 5 Featured Carousel: final glow and depth polish */
html:has(#page-cards.cards-carousel-page.active),body:has(#page-cards.cards-carousel-page.active){height:100dvh!important;overflow:hidden!important}
body:has(#page-cards.cards-carousel-page.active) .site-footer{display:none!important}
#page-cards.cards-carousel-page{
 --vault-pink:#ff4fab;
 --vault-cyan:#5de9f0;
 --vault-gold:#ffc75f;
 --vault-violet:#b675ff;
 padding:15px 22px 6px!important;
 margin-top:-28px!important;
 overflow:hidden!important;
 color:#f8f7ff;
 background:
  radial-gradient(ellipse at 52% 47%,rgba(56,20,87,.2) 0,rgba(5,6,15,0) 49%),
  radial-gradient(circle at 89% 5%,rgba(255,53,167,.075),transparent 31%),
  linear-gradient(145deg,#060711 0%,#070711 50%,#0b0711 100%)
}
#page-cards .carousel-vault-shell{
 width:min(100%,1460px);
 height:calc(100dvh - 88px);
 min-height:690px;
 margin-inline:auto;
 display:grid;
 grid-template-rows:74px 38px minmax(0,1fr) 88px 18px;
 gap:8px;
 position:relative;
 overflow:hidden
}
#page-cards .carousel-vault-shell:after{
 content:"Built for collectors. Designed to shine.";
 grid-row:5;
 align-self:center;
 justify-self:center;
 color:#65697d;
 font-size:.58rem;
 font-weight:700;
 letter-spacing:.08em
}
#page-cards .carousel-vault-header{
 display:grid;
 grid-template-columns:minmax(230px,.78fr) minmax(570px,1.65fr) minmax(180px,.62fr);
 align-items:center;
 gap:22px;
 padding:0 8px
}
#page-cards .carousel-vault-title p{
 margin:0 0 7px;
 color:#898da2;
 font-size:.62rem;
 font-weight:800;
 letter-spacing:.13em
}
#page-cards .carousel-vault-title h1{
 margin:0;
 color:#fff;
 font-size:1.04rem;
 line-height:1;
 letter-spacing:.07em;
 white-space:nowrap
}
#page-cards .carousel-vault-title h1 span{color:var(--vault-pink);text-shadow:0 0 12px rgba(255,79,171,.6)}
#page-cards .carousel-vault-summary{
 height:58px;
 display:grid;
 grid-template-columns:128px minmax(250px,1fr) minmax(200px,.9fr);
 border:1px solid rgba(255,69,166,.28);
 border-radius:14px;
 background:linear-gradient(180deg,rgba(13,12,24,.96),rgba(8,8,17,.93));
 overflow:hidden;
 box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)
}
#page-cards .carousel-vault-summary span{
 min-width:0;
 padding:8px 14px;
 border-left:1px solid rgba(255,255,255,.065);
 display:flex;
 flex-direction:column;
 justify-content:center
}
#page-cards .carousel-vault-summary span:first-child{border-left:0}
#page-cards .carousel-vault-summary small,
#page-cards .carousel-detail-bar small{
 display:block;
 color:#8a8fa4;
 font-size:.53rem;
 font-weight:900;
 letter-spacing:.15em
}
#page-cards .carousel-vault-summary strong{
 display:flex;
 align-items:center;
 gap:9px;
 margin-top:3px;
 color:#fff;
 font-size:.69rem;
 white-space:nowrap
}
#page-cards .carousel-vault-summary em{
 margin-top:1px;
 color:#666b7f;
 font-size:.5rem;
 font-style:normal
}
#page-cards .carousel-tier-counts b{font-size:.57rem;letter-spacing:.02em}
#page-cards .carousel-tier-counts b:nth-child(1){color:var(--vault-cyan)}
#page-cards .carousel-tier-counts b:nth-child(2){color:var(--vault-gold)}
#page-cards .carousel-tier-counts b:nth-child(3){color:var(--vault-violet)}
#page-cards .carousel-tier-counts b:nth-child(4){color:var(--vault-pink)}
#page-cards .carousel-flow-button{
 justify-self:end;
 height:36px;
 padding:0 15px;
 border:1px solid rgba(255,78,173,.3);
 border-radius:9px;
 background:rgba(10,9,18,.72);
 color:#c5c7d3;
 font-size:.63rem;
 font-weight:800;
 letter-spacing:.03em;
 white-space:nowrap
}
#page-cards .carousel-flow-button span{color:var(--vault-pink);margin-right:6px}
#page-cards .carousel-flow-button:hover{
 color:#fff;
 border-color:rgba(255,78,173,.62);
 box-shadow:0 0 18px rgba(255,56,161,.16)
}
#page-cards .carousel-tier-tabs{
 grid-row:2;
 justify-self:center;
 width:424px;
 height:38px;
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 align-items:center;
 justify-items:stretch;
 padding:3px!important;
 box-sizing:border-box;
 border:1px solid rgba(255,69,166,.25);
 border-radius:11px;
 background:rgba(7,7,15,.9);
 box-shadow:0 10px 28px rgba(0,0,0,.22)
}
#page-cards .carousel-tier-tabs button{
 width:100%;
 height:30px;
 display:grid;
 place-items:center;
 margin:0!important;
 padding:0!important;
 border:0;
 border-radius:8px;
 background:transparent;
 color:#858a9e;
 font-size:.66rem;
 font-weight:800;
 line-height:1;
 text-align:center;
 cursor:pointer
}
#page-cards .carousel-tier-tabs button.active{
 color:#fff;
 background:linear-gradient(135deg,#e23496 0%,#8c2cad 100%);
 box-shadow:0 0 0 1px rgba(255,103,194,.5),0 0 20px rgba(230,46,158,.28)
}
#page-cards .carousel-showcase{
 grid-row:3;
 position:relative;
 min-height:0;
 overflow:hidden;
 border:0;
 background:
  radial-gradient(ellipse at 50% 47%,rgba(44,201,221,.085),transparent 23%),
  radial-gradient(ellipse at 50% 73%,rgba(221,40,158,.15),transparent 45%),
  linear-gradient(180deg,rgba(5,6,14,0),rgba(5,5,13,.32) 80%,rgba(5,5,13,.75));
 isolation:isolate
}
#page-cards .carousel-showcase:before{
 content:"";
 position:absolute;
 z-index:0;
 left:4%;
 right:4%;
 bottom:-12%;
 height:39%;
 border-radius:50%;
 background:
  repeating-radial-gradient(ellipse at center,transparent 0 15px,rgba(255,81,191,.28) 16px 18px,transparent 19px 35px),
  radial-gradient(ellipse at 50% 39%,rgba(255,92,198,.32),rgba(112,40,160,.16) 38%,rgba(5,6,14,0) 72%);
 border-top:1px solid rgba(255,113,207,.45);
 box-shadow:0 -7px 34px rgba(255,47,167,.2),inset 0 18px 48px rgba(225,41,160,.12);
 filter:drop-shadow(0 0 26px rgba(240,48,169,.28));
 transform:perspective(650px) rotateX(62deg) scaleY(1.55);
 pointer-events:none
}
#page-cards .carousel-showcase:after{
 content:"";
 position:absolute;
 z-index:2;
 inset:49% 4% 4%;
 background:
  url("../images/ui/icon-sakura-v916.png") 6% 67%/13px 13px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 18% 86%/9px 9px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 31% 72%/11px 11px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 47% 92%/8px 8px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 63% 76%/10px 10px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 78% 88%/8px 8px no-repeat,
  url("../images/ui/icon-sakura-v916.png") 93% 64%/12px 12px no-repeat;
 opacity:.65;
 filter:drop-shadow(0 0 7px rgba(255,73,180,.85));
 pointer-events:none
}
#page-cards .carousel-stage-image{
 position:absolute;
 z-index:1;
 left:50%;
 bottom:0;
 translate:-50% 0;
 width:104%;
 height:16%;
 max-width:none;
 object-fit:cover;
 object-position:center 69%;
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 100%);
 mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 100%);
 pointer-events:none;
 user-select:none
}
#page-cards .carousel-showcase:before,
#page-cards .carousel-card-track:before,
#page-cards .carousel-card-track:after{display:none!important}
#page-cards .carousel-showcase:after{display:none!important}
#page-cards .carousel-petal-field{
 position:absolute;
 z-index:2;
 left:0;
 top:0;
 width:100%;
 height:57%;
 max-width:none;
 object-fit:fill;
 pointer-events:none;
 user-select:none;
 opacity:.86;
 filter:drop-shadow(0 0 5px rgba(255,96,184,.3))
}
#page-cards .carousel-card-track{
 position:absolute;
 z-index:3;
 inset:2px 48px 22px;
 perspective:1700px;
 perspective-origin:50% 48%
}
#page-cards .carousel-card-track:before{
 content:"";
 position:absolute;
 z-index:0;
 left:7%;
 right:7%;
 bottom:-7%;
 height:25%;
 border-radius:50%;
 background:
  linear-gradient(180deg,rgba(255,125,215,.72),rgba(255,60,178,.16) 42%,transparent 78%) 50% 0/3px 90% no-repeat,
  linear-gradient(180deg,rgba(255,76,184,.55),rgba(255,76,184,.1) 48%,transparent 82%) 47.5% 0/10px 82% no-repeat,
  linear-gradient(180deg,rgba(255,76,184,.55),rgba(255,76,184,.1) 48%,transparent 82%) 52.5% 0/10px 82% no-repeat,
  linear-gradient(180deg,rgba(75,226,239,.42),rgba(75,226,239,.06) 52%,transparent 84%) 27% 0/5px 72% no-repeat,
  linear-gradient(180deg,rgba(180,93,255,.42),rgba(180,93,255,.06) 52%,transparent 84%) 73% 0/5px 72% no-repeat,
  linear-gradient(90deg,transparent 4%,rgba(75,226,239,.4) 13%,transparent 24%,rgba(255,91,192,.5) 45%,rgba(255,255,255,.22) 50%,rgba(255,91,192,.5) 55%,transparent 76%,rgba(180,93,255,.42) 87%,transparent 96%) 50% 7%/94% 2px no-repeat,
  repeating-radial-gradient(ellipse at center,rgba(255,62,177,.02) 0 18px,rgba(255,101,204,.36) 19px 21px,rgba(44,16,66,.11) 22px 37px),
  radial-gradient(ellipse at 50% 33%,rgba(255,114,208,.4),rgba(113,40,164,.24) 42%,rgba(5,6,14,.2) 67%);
 border:2px solid rgba(255,87,190,.72);
 box-shadow:
  0 0 7px rgba(255,117,211,.7),
  0 0 30px rgba(246,46,171,.3),
  inset 0 0 20px rgba(255,111,209,.2),
  inset 0 -18px 28px rgba(3,4,12,.62);
 transform:perspective(620px) rotateX(67deg) scaleY(1.42);
 pointer-events:none
}
#page-cards .carousel-card-track:after{
 content:"";
 position:absolute;
 z-index:1;
 left:7%;
 right:7%;
 bottom:-1%;
 height:5.5%;
 border-radius:50%;
 background:
  linear-gradient(90deg,transparent 4%,rgba(71,229,241,.32) 15%,transparent 27%,rgba(255,77,182,.36) 43%,rgba(255,162,224,.54) 50%,rgba(255,77,182,.36) 57%,transparent 73%,rgba(185,91,255,.32) 86%,transparent 96%) 50% 0/94% 2px no-repeat,
  radial-gradient(ellipse at 50% 0%,rgba(255,74,184,.22),rgba(52,17,69,.2) 43%,rgba(4,5,13,.04) 68%,transparent 78%);
 border-bottom:2px solid rgba(255,75,184,.58);
 box-shadow:0 9px 21px rgba(240,39,166,.18),inset 0 -5px 13px rgba(255,51,171,.07);
 pointer-events:none
}
#page-cards .carousel-card-track .collectible{
 --tier:var(--vault-cyan);
 --tier-rgb:93,233,240;
 --glow-core:.9;
 --glow-mid:.62;
 --glow-wide:.26;
 position:absolute!important;
 left:50%!important;
 top:49%!important;
 width:258px!important;
 height:412px!important;
 margin:0!important;
 padding:0!important;
 display:flex!important;
 overflow:visible!important;
 border:2px solid rgba(var(--tier-rgb),.9)!important;
 border-radius:0!important;
 clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 10px);
 background:#070810!important;
 box-shadow:
  0 24px 46px rgba(0,0,0,.78),
  0 0 5px rgba(var(--tier-rgb),.98),
  0 0 18px rgba(var(--tier-rgb),.72),
  0 0 42px rgba(var(--tier-rgb),.38)!important;
 transform:translate(-50%,-50%) scale(.68)!important;
 transform-origin:center!important;
 opacity:0!important;
 filter:saturate(.8) brightness(.72);
 transition:transform .42s cubic-bezier(.19,.72,.2,1),opacity .32s ease,filter .32s ease!important;
 pointer-events:none;
 z-index:0;
 color:var(--tier)
}
#page-cards .carousel-card-track .collectible.vip{--tier:var(--vault-gold);--tier-rgb:255,199,95}
#page-cards .carousel-card-track .collectible.vipplus{--tier:var(--vault-violet);--tier-rgb:182,117,255}
#page-cards .carousel-card-track .collectible.owner{--tier:var(--vault-pink);--tier-rgb:255,79,171}
#page-cards .carousel-card-track .collectible[hidden]{display:none!important}
#page-cards .carousel-card-track .collectible.carousel-active{
 width:318px!important;
 height:492px!important;
 top:48%!important;
 opacity:1!important;
 z-index:8;
 transform:translate(-50%,-50%) scale(1)!important;
 filter:
  drop-shadow(0 0 5px rgba(var(--tier-rgb),1))
  drop-shadow(0 0 17px rgba(var(--tier-rgb),1))
  drop-shadow(0 0 38px rgba(var(--tier-rgb),.88))
  drop-shadow(0 0 64px rgba(var(--tier-rgb),.42))!important;
 pointer-events:auto;
 box-shadow:
  0 0 0 1px rgba(255,255,255,.16),
  0 0 6px rgba(var(--tier-rgb),1),
  0 0 22px rgba(var(--tier-rgb),.9),
  0 0 52px rgba(var(--tier-rgb),.62),
  0 0 88px rgba(var(--tier-rgb),.28),
  0 32px 58px rgba(0,0,0,.78)!important
}
#page-cards .carousel-card-track .collectible.carousel-left-1{
 opacity:.94!important;z-index:6;filter:
 saturate(1) brightness(.88)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),1))
 drop-shadow(0 0 13px rgba(var(--tier-rgb),.82))
 drop-shadow(0 0 30px rgba(var(--tier-rgb),.5));
 transform:translate(calc(-50% - 239px),-48%) scaleX(.80) scaleY(.96) rotateY(8deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .collectible.carousel-right-1{
 opacity:.94!important;z-index:6;filter:
 saturate(1) brightness(.88)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),1))
 drop-shadow(0 0 13px rgba(var(--tier-rgb),.82))
 drop-shadow(0 0 30px rgba(var(--tier-rgb),.5));
 transform:translate(calc(-50% + 239px),-48%) scaleX(.80) scaleY(.96) rotateY(-8deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .collectible.carousel-left-2{
 opacity:.76!important;z-index:4;filter:
 saturate(.88) brightness(.72)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),.9))
 drop-shadow(0 0 11px rgba(var(--tier-rgb),.64))
 drop-shadow(0 0 24px rgba(var(--tier-rgb),.34));
 transform:translate(calc(-50% - 408px),-46%) scaleX(.69) scaleY(.89) rotateY(13deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .collectible.carousel-right-2{
 opacity:.76!important;z-index:4;filter:
 saturate(.88) brightness(.72)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),.9))
 drop-shadow(0 0 11px rgba(var(--tier-rgb),.64))
 drop-shadow(0 0 24px rgba(var(--tier-rgb),.34));
 transform:translate(calc(-50% + 408px),-46%) scaleX(.69) scaleY(.89) rotateY(-13deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .collectible.carousel-left-3{
 opacity:.54!important;z-index:2;filter:
 saturate(.76) brightness(.58)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),.78))
 drop-shadow(0 0 10px rgba(var(--tier-rgb),.46));
 transform:translate(calc(-50% - 538px),-43%) scaleX(.57) scaleY(.8) rotateY(17deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .collectible.carousel-right-3{
 opacity:.54!important;z-index:2;filter:
 saturate(.76) brightness(.58)
 drop-shadow(0 0 4px rgba(var(--tier-rgb),.78))
 drop-shadow(0 0 10px rgba(var(--tier-rgb),.46));
 transform:translate(calc(-50% + 538px),-43%) scaleX(.57) scaleY(.8) rotateY(-17deg)!important;pointer-events:auto
}
#page-cards .carousel-card-track .card-glow-shell{
 --tier:var(--vault-cyan);
 --tier-rgb:93,233,240;
 --glow-core:.9;
 --glow-mid:.62;
 --glow-wide:.26;
 position:absolute;
 left:50%;
 top:49%;
 width:258px;
 height:412px;
 opacity:0;
 z-index:0;
 pointer-events:none;
 transform:translate(-50%,-50%) scale(.68);
 transform-origin:center;
 transition:transform .42s cubic-bezier(.19,.72,.2,1),opacity .32s ease,filter .32s ease;
 filter:
  drop-shadow(0 0 3px rgba(var(--tier-rgb),var(--glow-core)))
  drop-shadow(0 0 10px rgba(var(--tier-rgb),var(--glow-mid)))
  drop-shadow(0 0 23px rgba(var(--tier-rgb),var(--glow-wide)));
 will-change:transform,filter,opacity
}
#page-cards .carousel-card-track .card-glow-shell[data-tier="vip"]{--tier:var(--vault-gold);--tier-rgb:255,199,95;--glow-core:.94;--glow-mid:.68;--glow-wide:.31}
#page-cards .carousel-card-track .card-glow-shell[data-tier="vipplus"]{--tier:var(--vault-violet);--tier-rgb:182,117,255;--glow-core:.98;--glow-mid:.76;--glow-wide:.37}
#page-cards .carousel-card-track .card-glow-shell[data-tier="ultimate"]{--tier:var(--vault-pink);--tier-rgb:255,79,171;--glow-core:1;--glow-mid:.84;--glow-wide:.44}
#page-cards .carousel-card-track .card-glow-shell[hidden]{display:none!important}
#page-cards .carousel-card-track .card-glow-shell.carousel-active{
 width:318px;
 height:492px;
 top:48%;
 opacity:1;
 z-index:8;
 pointer-events:auto;
 transform:translate(-50%,-50%) scale(1);
 filter:
  drop-shadow(0 0 3px rgba(var(--tier-rgb),1))
  drop-shadow(0 0 10px rgba(var(--tier-rgb),calc(var(--glow-mid) * .86)))
  drop-shadow(0 0 22px rgba(var(--tier-rgb),calc(var(--glow-wide) * .66)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-left-1{
 opacity:.94;z-index:6;pointer-events:auto;
 transform:translate(calc(-50% - 239px),-48%) scaleX(.80) scaleY(.96) rotateY(8deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),var(--glow-core))) drop-shadow(0 0 9px rgba(var(--tier-rgb),var(--glow-mid))) drop-shadow(0 0 20px rgba(var(--tier-rgb),var(--glow-wide)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-right-1{
 opacity:.94;z-index:6;pointer-events:auto;
 transform:translate(calc(-50% + 239px),-48%) scaleX(.80) scaleY(.96) rotateY(-8deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),var(--glow-core))) drop-shadow(0 0 9px rgba(var(--tier-rgb),var(--glow-mid))) drop-shadow(0 0 20px rgba(var(--tier-rgb),var(--glow-wide)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-left-2{
 opacity:.76;z-index:4;pointer-events:auto;
 transform:translate(calc(-50% - 408px),-46%) scaleX(.69) scaleY(.89) rotateY(13deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),calc(var(--glow-core) * .8))) drop-shadow(0 0 8px rgba(var(--tier-rgb),calc(var(--glow-mid) * .75))) drop-shadow(0 0 17px rgba(var(--tier-rgb),calc(var(--glow-wide) * .7)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-right-2{
 opacity:.76;z-index:4;pointer-events:auto;
 transform:translate(calc(-50% + 408px),-46%) scaleX(.69) scaleY(.89) rotateY(-13deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),calc(var(--glow-core) * .8))) drop-shadow(0 0 8px rgba(var(--tier-rgb),calc(var(--glow-mid) * .75))) drop-shadow(0 0 17px rgba(var(--tier-rgb),calc(var(--glow-wide) * .7)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-left-3{
 opacity:.62;z-index:2;pointer-events:auto;
 transform:translate(calc(-50% - 538px),-43%) scaleX(.57) scaleY(.8) rotateY(17deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),calc(var(--glow-core) * .62))) drop-shadow(0 0 7px rgba(var(--tier-rgb),calc(var(--glow-mid) * .58)))
}
#page-cards .carousel-card-track .card-glow-shell.carousel-right-3{
 opacity:.62;z-index:2;pointer-events:auto;
 transform:translate(calc(-50% + 538px),-43%) scaleX(.57) scaleY(.8) rotateY(-17deg);
 filter:drop-shadow(0 0 3px rgba(var(--tier-rgb),calc(var(--glow-core) * .62))) drop-shadow(0 0 7px rgba(var(--tier-rgb),calc(var(--glow-mid) * .58)))
}
#page-cards .carousel-card-track .card-glow-shell>.collectible{
 position:relative!important;
 left:auto!important;
 top:auto!important;
 width:100%!important;
 height:100%!important;
 transform:none!important;
 opacity:1!important;
 filter:none!important;
 z-index:auto!important;
 pointer-events:auto!important;
 overflow:hidden!important
}
#page-cards .carousel-card-track .card-avi-button{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 border:0!important;
 padding:0!important;
 background:#070810!important
}
#page-cards .carousel-card-track .card-avi-button:after{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(128deg,transparent 8%,rgba(255,255,255,.1) 18%,transparent 29%) top/100% 42% no-repeat,
  linear-gradient(180deg,transparent 45%,rgba(6,7,15,.15) 58%,#070810 79%);
 pointer-events:none
}
#page-cards .carousel-card-track .card-avi-button img{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center top!important;
 transform:none!important
}
#page-cards .carousel-card-track .collectible>div{
 position:absolute!important;
 left:0!important;
 right:0!important;
 bottom:0!important;
 z-index:4!important;
 min-height:158px;
 padding:57px 17px 16px!important;
 display:flex!important;
 flex-direction:column!important;
 background:linear-gradient(180deg,transparent,#070810 34%,#070810 100%)!important
}
#page-cards .carousel-card-track .collectible>div:after{
 content:"◇";
 position:absolute;
 right:15px;
 bottom:13px;
 color:rgba(var(--tier-rgb),.38);
 font-size:1.05rem;
 text-shadow:0 0 10px rgba(var(--tier-rgb),.65)
}
#page-cards .carousel-card-track .collectible>div>span{
 order:3;
 display:block;
 visibility:visible!important;
 align-self:flex-start;
 margin:1px 0 7px;
 padding:3px 8px 3px 9px;
 border:1px solid rgba(var(--tier-rgb),.34);
 clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
 background:rgba(var(--tier-rgb),.08);
 color:var(--tier);
 font-size:.52rem;
 line-height:1;
 font-weight:900;
 letter-spacing:.17em;
 text-shadow:0 0 10px rgba(var(--tier-rgb),.45)
}
#page-cards .carousel-card-track h2{
 order:1;
 margin:5px 0 2px!important;
 color:#fff!important;
 font-size:1.28rem!important;
 line-height:1!important
}
#page-cards .carousel-card-track p{
 order:2;
 margin:0 0 5px!important;
 color:#a4a7b8!important;
 font-size:.68rem!important
}
#page-cards .carousel-card-track dl{
 order:4;
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:8px!important;
 margin:0!important
}
#page-cards .carousel-card-track dl>div{
 padding:7px 9px!important;
 border:1px solid rgba(var(--tier-rgb),.28)!important;
 border-radius:7px!important;
 background:rgba(5,6,13,.76)!important
}
#page-cards .carousel-card-track dt{color:#777c91!important;font-size:.48rem!important}
#page-cards .carousel-card-track dd{margin:2px 0 0!important;color:#fff!important;font-size:.66rem!important;font-weight:900!important;line-height:1!important}
#page-cards .carousel-card-track .card-commerce{display:none!important}
#page-cards .carousel-card-track .collectible:before{
 content:"";
 position:absolute;
 z-index:5;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(var(--tier),var(--tier)) 9px 9px/32px 1px no-repeat,
  linear-gradient(var(--tier),var(--tier)) 9px 9px/1px 32px no-repeat,
  linear-gradient(var(--tier),var(--tier)) calc(100% - 41px) 9px/32px 1px no-repeat,
  linear-gradient(var(--tier),var(--tier)) calc(100% - 9px) 9px/1px 32px no-repeat,
  linear-gradient(var(--tier),var(--tier)) 9px calc(100% - 9px)/32px 1px no-repeat,
  linear-gradient(var(--tier),var(--tier)) 9px calc(100% - 41px)/1px 32px no-repeat,
  linear-gradient(var(--tier),var(--tier)) calc(100% - 41px) calc(100% - 9px)/32px 1px no-repeat,
  linear-gradient(var(--tier),var(--tier)) calc(100% - 9px) calc(100% - 41px)/1px 32px no-repeat;
 opacity:1;
 box-shadow:inset 0 0 16px rgba(var(--tier-rgb),.2);
 filter:drop-shadow(0 0 7px rgba(var(--tier-rgb),1))
}
#page-cards .carousel-card-track .collectible:after{display:none!important}
#page-cards .carousel-arrow{
 position:absolute;
 z-index:14;
 top:49%;
 translate:0 -50%;
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 padding:0;
 border:1px solid rgba(255,75,173,.46);
 border-radius:50%;
 background:rgba(7,7,15,.88);
 color:var(--vault-pink);
 font-size:1.35rem;
 line-height:1;
 cursor:pointer;
 box-shadow:0 0 17px rgba(255,47,157,.1)
}
#page-cards .carousel-arrow:hover{background:#a62170;color:#fff;box-shadow:0 0 24px rgba(255,67,174,.28)}
#page-cards .carousel-prev{left:12px}
#page-cards .carousel-next{right:12px}
#page-cards .carousel-dots{
 position:absolute;
 z-index:12;
 left:50%;
 bottom:5px;
 translate:-50% 0;
 color:#9296aa;
 font-size:.6rem;
 letter-spacing:.13em
}
#page-cards .binder-empty{display:none;position:absolute;inset:0;place-items:center;color:#9a9daf}
#page-cards .binder-empty.show{display:grid}
#page-cards .carousel-detail-bar{
 grid-row:4;
 width:min(94.5%,1290px);
 height:88px;
 justify-self:center;
 display:grid;
 grid-template-columns:minmax(250px,1.45fr) minmax(90px,.65fr) minmax(90px,.65fr) minmax(200px,1.15fr) minmax(190px,1.05fr);
 align-items:center;
 gap:0;
 overflow:hidden;
 border:1px solid rgba(255,65,166,.32);
 border-radius:13px;
 background:linear-gradient(180deg,rgba(11,10,20,.97),rgba(7,7,15,.98));
 box-shadow:0 -12px 38px rgba(0,0,0,.34),0 0 28px rgba(255,48,161,.06)
}
#page-cards .carousel-detail-bar>*{
 min-width:0;
 padding:0 16px;
 border-left:1px solid rgba(255,255,255,.07)
}
#page-cards .carousel-detail-bar>*:first-child{border-left:0}
#page-cards .carousel-owner-actions>div{
 display:flex;
 gap:8px;
 margin-top:7px;
 white-space:nowrap
}
#page-cards .carousel-owner-actions button{
 min-width:100px;
 height:32px;
 box-sizing:border-box;
 display:grid;
 place-items:center;
 margin:0!important;
 padding:0!important;
 line-height:1!important;
 text-align:center;
 white-space:nowrap;
 font-size:.7rem
}
#page-cards .carousel-owner-actions .button-primary{
 background:linear-gradient(135deg,#ee3ba5,#8a3aff);
 box-shadow:0 0 16px rgba(228,51,168,.28)
}
#page-cards .carousel-stat strong{display:block;margin-top:5px;font-size:.9rem}
#page-cards .carousel-about{display:grid;gap:2px;justify-self:center;width:max-content;max-width:100%}
#page-cards .carousel-about small{color:var(--vault-pink)}
#page-cards .carousel-about strong{font-size:.94rem}
#page-cards .carousel-about span{color:#9296a9;font-size:.64rem}
#page-cards .carousel-view-profile{
 justify-self:center;
 height:36px;
 width:calc(100% - 28px)!important;
 max-width:190px!important;
 min-width:158px!important;
 margin:0!important;
 padding:0 12px!important;
 border-color:rgba(255,255,255,.1)!important;
 background:linear-gradient(180deg,#5a5c67,#474853)!important;
 color:#fff!important;
 font-size:.69rem!important;
 white-space:nowrap
}
#page-cards #binderFeatureImage{display:none!important}
@media(max-width:1280px){
 #page-cards .carousel-vault-header{grid-template-columns:190px minmax(510px,1fr) 155px;gap:12px}
 #page-cards .carousel-flow-button{font-size:.56rem;padding:0 10px}
 #page-cards .carousel-vault-summary{grid-template-columns:108px minmax(225px,1fr) minmax(170px,.8fr)}
 #page-cards .carousel-card-track .collectible.carousel-left-2{transform:translate(calc(-50% - 360px),-46%) scaleX(.64) scaleY(.86) rotateY(12deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-right-2{transform:translate(calc(-50% + 360px),-46%) scaleX(.64) scaleY(.86) rotateY(-12deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-left-3{transform:translate(calc(-50% - 470px),-43%) scaleX(.51) scaleY(.77) rotateY(16deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-right-3{transform:translate(calc(-50% + 470px),-43%) scaleX(.51) scaleY(.77) rotateY(-16deg)!important}
 #page-cards .carousel-detail-bar{grid-template-columns:minmax(220px,1.45fr) minmax(82px,.65fr) minmax(82px,.65fr) minmax(175px,1.15fr) minmax(165px,1.05fr)}
}
@media(min-width:721px) and (max-height:800px){
 #page-cards.cards-carousel-page{padding-top:10px!important}
 #page-cards .carousel-vault-shell{height:calc(100dvh - 112px);min-height:610px;grid-template-rows:64px 35px minmax(0,1fr) 76px 14px;gap:5px}
 #page-cards .carousel-vault-summary{height:50px}
 #page-cards .carousel-vault-title p{margin-bottom:4px}
 #page-cards .carousel-tier-tabs{height:35px}
 #page-cards .carousel-card-track{inset:0 44px 18px}
 #page-cards .carousel-card-track .collectible{width:230px!important;height:362px!important}
 #page-cards .carousel-card-track .collectible.carousel-active{width:260px!important;height:400px!important}
 #page-cards .carousel-card-track .collectible.carousel-left-1{transform:translate(calc(-50% - 208px),-48%) scaleX(.80) scaleY(.95) rotateY(8deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-right-1{transform:translate(calc(-50% + 208px),-48%) scaleX(.80) scaleY(.95) rotateY(-8deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-left-2{transform:translate(calc(-50% - 340px),-46%) scaleX(.65) scaleY(.86) rotateY(12deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-right-2{transform:translate(calc(-50% + 340px),-46%) scaleX(.65) scaleY(.86) rotateY(-12deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-left-3{transform:translate(calc(-50% - 438px),-43%) scaleX(.52) scaleY(.75) rotateY(16deg)!important}
 #page-cards .carousel-card-track .collectible.carousel-right-3{transform:translate(calc(-50% + 438px),-43%) scaleX(.52) scaleY(.75) rotateY(-16deg)!important}
 #page-cards .carousel-card-track .collectible>div{min-height:142px;padding:48px 14px 12px!important}
 #page-cards .carousel-card-track h2{font-size:1.12rem!important}
 #page-cards .carousel-detail-bar{height:76px}
 #page-cards .carousel-vault-shell:after{font-size:.52rem}
}
@media(max-width:900px) and (min-width:721px){
 #page-cards .carousel-vault-header{grid-template-columns:175px 1fr}
 #page-cards .carousel-flow-button{display:none}
 #page-cards .carousel-vault-summary{grid-template-columns:90px 1fr 145px}
 #page-cards .carousel-vault-summary span{padding-inline:9px}
 #page-cards .carousel-card-track .collectible.carousel-left-3,
 #page-cards .carousel-card-track .collectible.carousel-right-3{opacity:0!important;pointer-events:none}
 #page-cards .carousel-detail-bar{width:96%;grid-template-columns:minmax(190px,1.35fr) minmax(72px,.65fr) minmax(72px,.65fr) minmax(135px,1.1fr) minmax(138px,1fr)}
 #page-cards .carousel-detail-bar>*{padding-inline:10px}
}
@media(max-width:720px){
 #page-cards.cards-carousel-page{padding:9px!important;margin-top:0!important;overflow:auto!important}
 #page-cards .carousel-vault-shell{width:100%;height:auto;min-height:920px;grid-template-rows:auto auto 610px auto 18px;gap:10px;overflow:visible}
 #page-cards .carousel-vault-header{display:block;padding:4px}
 #page-cards .carousel-vault-title h1{font-size:1rem}
 #page-cards .carousel-vault-summary,#page-cards .carousel-flow-button{display:none!important}
 #page-cards .carousel-tier-tabs{width:100%;grid-template-columns:repeat(5,1fr)}
 #page-cards .carousel-showcase{border-radius:14px}
 #page-cards .carousel-stage-image{width:125%;height:22%;object-position:center 68%;bottom:0}
 #page-cards .carousel-card-track{inset:12px 28px 38px}
 #page-cards .carousel-card-track .collectible{display:none!important}
 #page-cards .carousel-card-track .collectible.carousel-active{display:flex!important;width:min(84vw,310px)!important;height:500px!important;top:48%!important}
 #page-cards .carousel-arrow{top:48%}
 #page-cards .carousel-prev{left:3px}
 #page-cards .carousel-next{right:3px}
 #page-cards .carousel-detail-bar{width:100%;height:auto;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
 #page-cards .carousel-detail-bar>*{border:0;padding:0}
 #page-cards .carousel-owner-actions,#page-cards .carousel-about,#page-cards .carousel-view-profile{grid-column:1/-1}
 #page-cards .carousel-view-profile{justify-self:stretch;width:100%!important;margin:0!important}
}