@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;700;800;900&family=Fredoka:wght@600;700&family=Inter:wght@400;500;700;800&family=Poppins:wght@400;500;700;800&family=Space+Grotesk:wght@400;500;700&family=Syne:wght@500;700;800&family=Oswald:wght@400;500;700&family=Bebas+Neue&family=Anton&family=Bricolage+Grotesque:wght@500;700;800&family=DM+Sans:wght@400;500;700&family=Archivo+Black&family=Permanent+Marker&family=JetBrains+Mono:wght@500;700&family=IBM+Plex+Sans:wght@400;500;700&display=swap');

.ccg-page{
  width:100vw;
  border-radius:0;
  min-height:100vh;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:var(--ccg-background,#0039ff);
  color:#f7f8ff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ccg-page__bg{
  position:absolute;
  inset:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:var(--ccg-bg-size,cover);
  pointer-events:none;
}
.ccg-page[data-bg-mode="gradient"] .ccg-page__bg,
.ccg-page[data-bg-mode="solid"] .ccg-page__bg{
  display:none;
}
.ccg-page__overlay{
  position:absolute;
  inset:0;
  background:var(--ccg-bg-overlay,transparent);
  pointer-events:none;
}
.ccg-wrap{
  width:min(calc(100vw - 14px), 1720px);
  margin:0 auto;
  padding:14px 7px 18px;
  position:relative;
  z-index:2;
}
.ccg-top{
  position:sticky;
  top:0;
  z-index:32;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  min-height:var(--ccg-header-height,70px);
  padding:var(--ccg-header-padding-top,10px) 0 var(--ccg-header-padding-bottom,12px);
  background:var(--ccg-header-background,linear-gradient(180deg,var(--ccg-header-bg-strong,rgba(46,6,118,.96)),var(--ccg-header-bg-soft,rgba(46,6,118,.86)) 72%,var(--ccg-header-bg-fade,rgba(46,6,118,0))));
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 10px 24px rgba(21,0,67,.18);
  border-top-left-radius:22px;
}
.ccg-top::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 18%,rgba(255,255,255,0) 64%), linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,0) 56%);
  pointer-events:none;
  z-index:0;
}
.ccg-top::after{
  content:"";
  position:absolute;
  top:-12%;
  bottom:-12%;
  right:-42%;
  width:34%;
  pointer-events:none;
  z-index:0;
  opacity:.72;
  background:linear-gradient(102deg,rgba(255,255,255,0),rgba(255,255,255,.14) 42%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.08) 58%,rgba(255,255,255,0) 100%);
  transform:translate3d(0,0,0) skewX(-14deg);
  filter:blur(1px);
  animation:ccgHeaderShine 8.4s linear infinite;
}
.ccg-top > *{
  position:relative;
  z-index:1;
}
.ccg-title-slot{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-inline:6px;
  pointer-events:none;
  z-index:1;
}
.ccg-top.ccg-title-align-center .ccg-title-slot{justify-content:center;}
.ccg-top.ccg-title-align-right .ccg-title-slot{justify-content:flex-end;}
.ccg-top.ccg-title-hidden .ccg-title-slot{display:none;}
.ccg-title{
  position:relative;
  display:inline-block;
  max-width:min(100%,calc(100% - 280px));
  transform:translate3d(var(--ccg-title-offset-x,0px),0,0);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:auto;
  will-change:transform;
  color:var(--ccg-title-color,#ffef2f);
  font-family:var(--ccg-title-font,"Rubik",sans-serif);
  font-size:clamp(18px,2vw,var(--ccg-title-size,28px));
  line-height:1;
  letter-spacing:-.04em;
  text-decoration:none;
  text-shadow:0 0 22px rgba(255,239,47,.08);
  transition:text-shadow .18s ease, filter .18s ease, color .18s ease;
}
.ccg-title.is-bold{font-weight:900;}
.ccg-title.is-italic{font-style:italic;}
.ccg-title.ccg-case-uppercase{text-transform:uppercase;}
.ccg-title.ccg-case-lowercase{text-transform:lowercase;}
.ccg-title.ccg-case-capitalize{text-transform:capitalize;}
.ccg-title:hover,
.ccg-title:focus-visible{
  color:var(--ccg-title-hover-color,#fff59a);
  text-shadow:0 0 8px rgba(255,239,47,.4),0 0 22px rgba(255,239,47,.3),0 0 44px rgba(255,214,64,.35);
  filter:brightness(1.08);
  outline:none;
}
.ccg-filters{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-left:auto;
  padding-right:10px;
}
.ccg-filters [data-ccg-filter="sold"]{
  margin-left:-4px;
}
.ccg-filters.is-bold{font-weight:800;}
.ccg-filters.is-italic{font-style:italic;}
.ccg-filters.ccg-case-uppercase .ccg-filter{text-transform:uppercase;}
.ccg-filters.ccg-case-lowercase .ccg-filter{text-transform:lowercase;}
.ccg-filters.ccg-case-capitalize .ccg-filter{text-transform:capitalize;}
.ccg-filter{
  appearance:none;
  min-height:30px;
  padding:0 10px;
  border:var(--ccg-filter-border-width,2px) solid var(--ccg-filter-border,rgba(217,209,246,.72));
  color:var(--ccg-filter-color,#fff);
  background:transparent;
  font-family:var(--ccg-filter-font,"Rubik",sans-serif);
  font-size:var(--ccg-filter-font-size,11px);
  line-height:1;
  letter-spacing:.08em;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ccg-filter:hover,
.ccg-filter:focus-visible{
  transform:translateY(-1px);
  border-color:var(--ccg-filter-hover,#ffef2f);
  color:var(--ccg-filter-hover,#ffef2f);
  outline:none;
}
.ccg-filter.is-active{
  background:var(--ccg-filter-active-bg-color,#ffef2f);
  border-color:var(--ccg-filter-active-bg-color,#ffef2f);
  color:var(--ccg-filter-active-text-color,#1d1d1d);
  box-shadow:0 0 20px rgba(255,239,47,.22);
}
.ccg-stage{background:transparent;position:relative;z-index:8;}
.ccg-grid{
  display:grid;
  grid-template-columns:repeat(var(--ccg-columns,5),minmax(0,1fr));
  gap:clamp(6px,var(--ccg-gap,8px),10px);
  align-items:start;
}
.ccg-card{
  position:relative;
  perspective:1200px;
}
.ccg-card__link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.ccg-card__frame{
  position:relative;
  aspect-ratio:var(--ccg-card-ratio,297/420);
  overflow:hidden;
  border:var(--ccg-frame-width,1px) solid var(--ccg-frame-color,rgba(217,209,246,.24));
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0));
  background:#fff;
  transform-origin:center center;
  will-change:transform,box-shadow,filter;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.ccg-card__frame.is-original{
  aspect-ratio:auto;
}
.ccg-card__frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:var(--ccg-image-fit,cover);
  transform-origin:center center;
  will-change:transform,opacity,filter;
  transition:transform .28s ease, opacity .22s ease, filter .22s ease;
}
.ccg-card__frame.is-original img{
  height:auto;
}
.ccg-card__placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:320px;
  width:100%;
  height:100%;
  background:var(--ccg-placeholder-bg,#fff);
  box-shadow:inset 0 0 46px rgba(255,255,255,.92);
}
.ccg-card__placeholder span{
  color:var(--ccg-placeholder-text,#000);
  font-size:clamp(32px,6vw,80px);
  font-weight:900;
}
.ccg-card__overlay{
  position:absolute;
  inset:0;
  background:var(--ccg-hover-overlay,rgba(0,0,0,0));
  opacity:0;
  transition:opacity .18s ease, filter .18s ease;
  pointer-events:none;
}
.ccg-card__number{
  position:absolute;
  right:14px;
  bottom:12px;
  color:var(--ccg-number-color,#111);
  font-size:clamp(20px,2.2vw,var(--ccg-number-size,40px));
  font-weight:900;
  line-height:1;
  z-index:4;
  transition:color .18s ease, text-shadow .18s ease;
}
.ccg-card__title{
  display:block;
  margin-top:6px;
  color:var(--ccg-title-work-color,#fff);
  font-family:var(--ccg-work-title-font,"Rubik",sans-serif);
  font-size:var(--ccg-title-work-size,14px);
}
.ccg-card.is-sold .ccg-card__overlay{
  background:var(--ccg-sold-overlay,rgba(246,255,0,.35));
}
.ccg-card:hover .ccg-card__overlay{
  opacity:1;
}
.ccg-card:hover .ccg-card__number{
  color:var(--ccg-hover-number,var(--ccg-number-color));
  text-shadow:0 0 12px rgba(255,239,47,.3);
}
.ccg-card:hover .ccg-card__title{
  color:var(--ccg-hover-title,var(--ccg-title-work-color));
}
.ccg-page[data-hover-effect="zoom"] .ccg-card:hover img{
  transform:scale(1.04);
}
.ccg-page[data-hover-effect="zoom-strong"] .ccg-card:hover img{
  transform:scale(1.1);
}
.ccg-page[data-hover-effect="lift"] .ccg-card:hover .ccg-card__frame{
  transform:translateY(-6px);
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),0 12px 24px rgba(0,0,0,.16);
}
.ccg-page[data-hover-effect="lift-glow"] .ccg-card:hover .ccg-card__frame{
  transform:translateY(-8px) scale(1.015);
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 1px var(--ccg-hover-glow,#fff), 0 12px 28px rgba(0,0,0,.16), 0 0 24px var(--ccg-hover-glow,#fff);
}
.ccg-page[data-hover-effect="glow"] .ccg-card:hover .ccg-card__frame{
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 1px var(--ccg-hover-glow,#fff),0 0 30px var(--ccg-hover-glow,#fff);
}
.ccg-page[data-hover-effect="neon"] .ccg-card:hover .ccg-card__frame{
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 1px var(--ccg-hover-glow,#fff),0 0 22px var(--ccg-hover-glow,#fff),0 0 46px var(--ccg-hover-glow,#fff);
}
.ccg-page[data-hover-effect="fade"] .ccg-card:hover img{
  opacity:.82;
}
.ccg-page[data-hover-effect="tilt"] .ccg-card:hover .ccg-card__frame{
  transform:rotate(-1.2deg) translateY(-4px);
}
.ccg-page[data-hover-effect="tilt"] .ccg-card:hover img{
  transform:scale(1.05) rotate(.8deg);
}
.ccg-page[data-hover-effect="swing"] .ccg-card:hover .ccg-card__frame{
  animation:ccgHoverSwing .52s ease-in-out 1;
}
.ccg-page[data-hover-effect="blur"] .ccg-card:hover img{
  filter:brightness(1.04) contrast(1.08) blur(.85px);
  transform:scale(1.035);
}
.ccg-page[data-hover-effect="saturate"] .ccg-card:hover img{
  filter:saturate(1.75) contrast(1.12);
  transform:scale(1.035);
}
.ccg-page[data-hover-effect="glitch"] .ccg-card:hover .ccg-card__frame{
  animation:ccgHoverGlitch .24s steps(2) 2;
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 1px rgba(255,255,255,.18),0 0 28px rgba(255,0,255,.22),0 0 28px rgba(0,255,255,.22);
}
.ccg-page[data-hover-effect="glitch"] .ccg-card:hover img{
  filter:contrast(1.18) saturate(1.45) hue-rotate(8deg);
  transform:scale(1.055) translateX(1px);
}
.ccg-page[data-hover-effect="none"] .ccg-card:hover .ccg-card__frame,
.ccg-page[data-hover-effect="none"] .ccg-card:hover img{
  transform:none;
  filter:none;
  opacity:1;
  box-shadow:var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0));
  animation:none;
}
.ccg-sold-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  min-height:34px;
  padding:6px 12px;
  background:var(--ccg-sold-badge-bg,#f6ff00);
  color:var(--ccg-sold-badge-color,#111);
  border:var(--ccg-sold-badge-border-width,0px) solid var(--ccg-sold-badge-border-color,var(--ccg-sold-badge-bg,#f6ff00));
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 0 14px rgba(246,255,0,.55);
  pointer-events:none;
}
.ccg-sold-badge img{
  display:block;
  max-width:120px;
  height:auto;
  border:var(--ccg-badge-image-border-width,0px) solid var(--ccg-badge-image-border-color,#ffffff);
}
.ccg-sold-badge.is-glitch{
  animation:ccg-glitch .9s infinite steps(2);
}
.ccg-sold-badge.is-sparkle{
  animation:ccg-sparkle 1.4s infinite ease-in-out;
}
.ccg-sold-badge.is-pos-top-left{top:14px;left:14px;right:auto;bottom:auto;transform:none;}
.ccg-sold-badge.is-pos-top-right{top:14px;right:14px;left:auto;bottom:auto;transform:none;}
.ccg-sold-badge.is-pos-bottom-left{bottom:14px;left:14px;top:auto;right:auto;transform:none;}
.ccg-sold-badge.is-pos-bottom-right{bottom:14px;right:14px;top:auto;left:auto;transform:none;}
.ccg-sold-badge.is-pos-center{
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%, -50%);
}
.ccg-card.is-sold:hover .ccg-sold-badge{
  filter:brightness(1.06) saturate(1.12);
}
@keyframes ccg-glitch{
  0%{transform:translate(0);filter:saturate(1);}
  20%{transform:translate(-1px,1px);filter:saturate(1.25);}
  40%{transform:translate(1px,-1px);filter:saturate(1.7);}
  60%{transform:translate(-2px,0);filter:saturate(1.2);}
  80%{transform:translate(1px,1px);filter:saturate(1.8);}
  100%{transform:translate(0);filter:saturate(1);}
}
@keyframes ccg-sparkle{
  0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(246,255,0,.45);}
  50%{transform:scale(1.03);box-shadow:0 0 20px rgba(246,255,0,.75),0 0 34px rgba(255,255,255,.35);}
}
@keyframes ccgHoverSwing{
  0%{transform:rotate(0deg) translateY(0);}
  35%{transform:rotate(-1.3deg) translateY(-4px);}
  65%{transform:rotate(1deg) translateY(-2px);}
  100%{transform:rotate(0deg) translateY(-3px);}
}
@keyframes ccgHoverGlitch{
  0%{transform:translate(0,0);}
  25%{transform:translate(-2px,1px);}
  50%{transform:translate(2px,-1px);}
  75%{transform:translate(-1px,-1px);}
  100%{transform:translate(0,0);}
}
.ccg-footer{
  position:relative;
  z-index:24;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  margin-top:26px;
  color:var(--ccg-footer-text-color,#ffef2f);
  font-family:var(--ccg-footer-font,"Rubik",sans-serif);
  font-size:15px;
  text-align:right;
}
.ccg-footer__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.ccg-footer__sep{
  opacity:.9;
}
.ccg-footer a{
  color:var(--ccg-footer-link-color,#ffef2f);
  text-decoration:none;
}
.ccg-footer a:hover{
  text-decoration:underline;
}
.ccg-empty{
  padding:20px;
  background:rgba(255,255,255,.95);
  color:#111;
  border-radius:16px;
  margin:18px 0;
}
.ccg-page.is-coolcool{
  --ccg-coolcool-shift:0px;
  --ccg-coolcool-hue:0deg;
  --ccg-coolcool-spin:0deg;
  --ccg-coolcool-pulse:1;
}
.ccg-page.is-coolcool .ccg-page__bg{
  filter:
    saturate(calc(1.06 + (var(--ccg-coolcool-intensity,.7) * .34)))
    contrast(calc(1.04 + (var(--ccg-coolcool-intensity,.7) * .10)))
    hue-rotate(var(--ccg-coolcool-hue,0deg))
    blur(.12px);
}
.ccg-page.is-coolcool .ccg-card__frame{
  box-shadow:
    var(--ccg-card-shadow,0 0 0 rgba(0,0,0,0)),
    0 0 0 1px rgba(255,255,255,.10),
    0 0 14px rgba(255,0,82,.14),
    0 0 30px rgba(255,0,0,.10);
}
.ccg-page.is-coolcool .ccg-card__frame img{
  filter:
    saturate(calc(1.02 + (var(--ccg-coolcool-intensity,.7) * .34)))
    contrast(calc(1.03 + (var(--ccg-coolcool-intensity,.7) * .12)))
    hue-rotate(var(--ccg-coolcool-hue,0deg));
  transform:
    translate3d(var(--ccg-coolcool-shift,0px), 0, 0)
    rotate(var(--ccg-coolcool-spin,0deg))
    scale(var(--ccg-coolcool-pulse,1));
}
.ccg-page.is-coolcool .ccg-title,
.ccg-page.is-coolcool .ccg-filter{
  text-shadow:-1px 0 #0ff,1px 0 #f0f,0 0 10px rgba(255,255,255,.26);
}
.ccg-page.is-coolcool .ccg-card__overlay{
  opacity:.14;
}
.ccg-page.is-coolcool::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.022) 0, rgba(255,255,255,.022) 1px, transparent 2px, transparent 4px),
    linear-gradient(90deg, rgba(255,0,255,.035), transparent 18%, rgba(0,255,255,.035) 60%, transparent 100%);
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:3;
  animation:ccg-coolcool-noise .28s infinite steps(2);
}
.ccg-coolcool-gif-layer{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  contain:layout paint style;
}
.ccg-coolcool-gif-layer.is-background{
  z-index:1;
}
.ccg-coolcool-gif-layer.is-foreground{
  z-index:18;
}
.ccg-coolcool-gif{
  position:absolute;
  left:0;
  top:0;
  z-index:var(--ccg-gif-z,1);
  display:block;
  opacity:var(--ccg-gif-opacity,.55);
  animation:ccgGifSweep var(--ccg-gif-duration,14s) linear infinite;
  animation-delay:var(--ccg-gif-delay,0s);
  transform:translate3d(0,0,0);
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
}
.ccg-coolcool-gif.is-background{
  mix-blend-mode:screen;
  filter:
    saturate(calc(1.12 + (var(--ccg-coolcool-intensity,.7) * .55)))
    contrast(1.08)
    hue-rotate(var(--ccg-coolcool-hue,0deg));
}
.ccg-coolcool-gif.is-foreground{
  mix-blend-mode:normal;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.14))
    drop-shadow(0 0 20px rgba(255,0,60,.20))
    saturate(calc(1.08 + (var(--ccg-coolcool-intensity,.7) * .42)))
    contrast(1.08)
    hue-rotate(var(--ccg-coolcool-hue,0deg));
}
.ccg-coolcool-gif[data-ccg-opacity-profile="ghost"],
.ccg-coolcool-gif[data-ccg-opacity-profile="balanced"],
.ccg-coolcool-gif[data-ccg-opacity-profile="solid"],
.ccg-coolcool-gif[data-ccg-opacity-profile="original"]{
  transition:opacity .18s linear;
}
.ccg-coolcool-gif img{
  display:block;
  width:min(18vw,220px);
  max-width:220px;
  height:auto;
}
.ccg-coolcool-gif.is-foreground img{
  width:min(22vw,260px);
  max-width:260px;
}
.ccg-coolcool-badge-burst{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
.ccg-coolcool-badge{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:30px;
  padding:4px 10px;
  background:rgba(246,255,0,.9);
  color:#121212;
  border:var(--ccg-sold-badge-border-width,0px) solid var(--ccg-sold-badge-border-color,var(--ccg-sold-badge-bg,#f6ff00));
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 0 18px rgba(246,255,0,.8), 0 0 28px rgba(255,0,76,.38);
  animation:ccgBurstBadge .22s infinite steps(2);
  animation-delay:var(--ccg-burst-delay,0s);
  transform:scale(var(--ccg-burst-scale,1));
}
.ccg-coolcool-badge img{
  display:block;
  max-width:92px;
  max-height:46px;
  height:auto;
  border:var(--ccg-badge-image-border-width,0px) solid var(--ccg-badge-image-border-color,#ffffff);
}
.ccg-coolcool-badge.is-pos-top-left{top:10px;left:10px;}
.ccg-coolcool-badge.is-pos-top-right{top:10px;right:10px;}
.ccg-coolcool-badge.is-pos-bottom-left{left:10px;bottom:10px;}
.ccg-coolcool-badge.is-pos-bottom-right{right:10px;bottom:10px;}
.ccg-coolcool-badge.is-pos-center{left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--ccg-burst-scale,1));}
@keyframes ccgGifSweep{
  0%{
    transform:translate3d(var(--ccg-gif-start-x,-20vw), var(--ccg-gif-start-y,10vh), 0) scale(var(--ccg-gif-scale,1)) rotate(0deg);
    opacity:calc(var(--ccg-gif-opacity,.55) * .52);
  }
  14%{opacity:var(--ccg-gif-opacity,.55);}
  48%{
    transform:translate3d(calc((var(--ccg-gif-start-x,-20vw) + var(--ccg-gif-end-x,110vw)) / 2), calc((var(--ccg-gif-start-y,10vh) + var(--ccg-gif-end-y,50vh)) / 2), 0) scale(calc(var(--ccg-gif-scale,1) * 1.04)) rotate(var(--ccg-gif-rotate,8deg));
    opacity:var(--ccg-gif-opacity,.55);
  }
  72%{
    transform:translate3d(calc((var(--ccg-gif-start-x,-20vw) + var(--ccg-gif-end-x,110vw)) / 2 + var(--ccg-gif-drift,8px)), calc((var(--ccg-gif-start-y,10vh) + var(--ccg-gif-end-y,50vh)) / 2 - var(--ccg-gif-drift,8px)), 0) scale(calc(var(--ccg-gif-scale,1) * 1.01)) rotate(calc(var(--ccg-gif-rotate,8deg) * -.55));
    opacity:calc(var(--ccg-gif-opacity,.55) * .92);
  }
  100%{
    transform:translate3d(var(--ccg-gif-end-x,110vw), var(--ccg-gif-end-y,55vh), 0) scale(calc(var(--ccg-gif-scale,1) * .96)) rotate(calc(var(--ccg-gif-rotate,8deg) * -1));
    opacity:0;
  }
}
@keyframes ccgBurstBadge{
  0%{transform:translate(0,0) scale(var(--ccg-burst-scale,1)); filter:saturate(1);}
  20%{transform:translate(-2px,1px) scale(calc(var(--ccg-burst-scale,1) * 1.04)); filter:saturate(1.35);}
  40%{transform:translate(2px,-1px) scale(calc(var(--ccg-burst-scale,1) * .96)); filter:saturate(2);}
  60%{transform:translate(-1px,-2px) scale(calc(var(--ccg-burst-scale,1) * 1.08)); filter:saturate(1.45);}
  80%{transform:translate(2px,1px) scale(calc(var(--ccg-burst-scale,1) * .94)); filter:saturate(1.9);}
  100%{transform:translate(0,0) scale(var(--ccg-burst-scale,1)); filter:saturate(1);}
}
@keyframes ccg-coolcool-noise{
  0%{opacity:.20;transform:translateY(0);}
  50%{opacity:.34;transform:translateY(1px);}
  100%{opacity:.20;transform:translateY(-1px);}
}
.ccg-coolcool-toggle{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  margin:0 2px 0 0;
  border:0;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
  flex:0 0 auto;
  filter:drop-shadow(0 6px 10px rgba(126,0,0,.24));
  transition:transform .14s ease,filter .18s ease,opacity .18s ease;
}
.ccg-coolcool-toggle img{
  display:block;
  width:32px;
  height:32px;
  object-fit:contain;
  transition:transform .14s ease,filter .18s ease;
}
.ccg-coolcool-toggle:hover,
.ccg-coolcool-toggle:focus-visible{
  filter:drop-shadow(0 0 8px rgba(255,0,0,.45)) drop-shadow(0 0 22px rgba(255,40,40,.62)) contrast(1.28) saturate(1.55);
  outline:none;
}
.ccg-coolcool-toggle:hover img,
.ccg-coolcool-toggle:focus-visible img,
.ccg-coolcool-toggle.is-active img{
  animation:ccgButtonBuzz .22s infinite steps(2);
  transform:translateZ(0) scale(1.02);
}
.ccg-coolcool-toggle:active{
  transform:translateY(2px) scale(.98);
}
.ccg-coolcool-toggle:active img{
  filter:brightness(.92) contrast(1.4) saturate(1.7);
}
@keyframes ccgButtonBuzz{
  0%{transform:translate3d(0,0,0) scale(1.02);}
  25%{transform:translate3d(-.4px,.4px,0) scale(1.03);}
  50%{transform:translate3d(.5px,-.3px,0) scale(1.04);}
  75%{transform:translate3d(-.2px,-.4px,0) scale(1.03);}
  100%{transform:translate3d(0,0,0) scale(1.02);}
}
.ccg-coolcool-toggle--footer{
  margin:0 2px;
}
.ccg-sold-badge[hidden],
.ccg-coolcool-gif-layer[hidden],
.ccg-coolcool-badge-burst[hidden]{
  display:none !important;
}
.ccg-page[data-coolcool-active="0"] .ccg-coolcool-gif-layer,
.ccg-page:not(.is-coolcool) .ccg-coolcool-badge-burst{
  display:none !important;
}
.ccg-page:not(.is-coolcool),
.ccg-page[data-coolcool-active="0"]{
  --ccg-coolcool-shift:0px;
  --ccg-coolcool-hue:0deg;
  --ccg-coolcool-spin:0deg;
}
@media (max-width: 1200px){
  .ccg-grid{grid-template-columns:repeat(min(4,var(--ccg-columns,5)),minmax(0,1fr));}
}
@media (max-width: 980px){
  .ccg-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 760px){
  .ccg-top{position:relative;top:auto;align-items:flex-start;justify-content:flex-end;}
  .ccg-title{
    max-width:min(100%,calc(100vw - 150px));
  }
  .ccg-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ccg-footer,
  .ccg-footer__meta{
    justify-content:center;
    text-align:center;
  }
  .ccg-coolcool-toggle{
    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;
  }
  .ccg-coolcool-toggle img{
    width:30px;
    height:30px;
  }
  .ccg-coolcool-gif.is-background img{
    width:min(24vw,160px);
  }
  .ccg-coolcool-gif.is-foreground img{
    width:min(32vw,180px);
  }
}
@media (max-width: 560px){
  .ccg-grid{grid-template-columns:1fr;}
}


/* v1.0.15 COOLCOOL active beacon + top arrow PNG */
.ccg-coolcool-arrow{
  position:relative;
  display:inline-block;
  width:36px;
  min-width:36px;
  height:18px;
  margin:0 2px 0 0;
  flex:0 0 auto;
  pointer-events:auto;
  user-select:none;
  -webkit-user-drag:none;
  background:transparent;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.34));
  animation:ccgCoolcoolArrowTicTac .9s ease-in-out infinite;
  will-change:transform,filter;
}
.ccg-coolcool-arrow::before,
.ccg-coolcool-arrow::after{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  transition:opacity .16s ease,transform .16s ease,filter .16s ease;
}
.ccg-coolcool-arrow::before{
  background-image:url("./coolcool-arrow-white.png");
  opacity:1;
}
.ccg-coolcool-arrow::after{
  background-image:url("./coolcool-arrow-yellow.png");
  opacity:0;
}
.ccg-coolcool-arrow:hover,
.ccg-coolcool-arrow:focus-visible{
  filter:
    drop-shadow(0 0 10px rgba(255,236,46,.42))
    drop-shadow(0 0 24px rgba(255,230,0,.26));
  outline:none;
}
.ccg-coolcool-arrow:hover::before,
.ccg-coolcool-arrow:focus-visible::before{
  opacity:0;
}
.ccg-coolcool-arrow:hover::after,
.ccg-coolcool-arrow:focus-visible::after{
  opacity:1;
  transform:scale(1.01);
}
@keyframes ccgCoolcoolArrowTicTac{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(9px,0,0);}
}
@keyframes ccgHeaderShine{
  0%{transform:translate3d(0,0,0) skewX(14deg);}
  100%{transform:translate3d(-420%,0,0) skewX(14deg);}
}
.ccg-coolcool-toggle.is-active{
  filter:
    drop-shadow(0 0 12px rgba(255,0,0,.72))
    drop-shadow(0 0 30px rgba(255,32,32,.9))
    drop-shadow(0 0 58px rgba(255,46,46,.82))
    contrast(1.38)
    saturate(1.95);
  animation:ccgCoolcoolBeacon 1s linear infinite;
}
.ccg-coolcool-toggle.is-active img{
  animation:ccgButtonBuzz .22s infinite steps(2), ccgCoolcoolButtonPulse .96s ease-in-out infinite;
  transform:translateZ(0) scale(1.05);
  filter:brightness(1.08) contrast(1.28) saturate(1.9);
}
.ccg-coolcool-toggle.is-active:hover,
.ccg-coolcool-toggle.is-active:focus-visible{
  filter:
    drop-shadow(0 0 18px rgba(255,0,0,.88))
    drop-shadow(0 0 42px rgba(255,32,32,1))
    drop-shadow(0 0 72px rgba(255,60,60,.92))
    contrast(1.45)
    saturate(2.1);
}
@keyframes ccgCoolcoolBeacon{
  0%, 100%{
    filter:
      drop-shadow(0 0 10px rgba(255,0,0,.62))
      drop-shadow(0 0 24px rgba(255,32,32,.84))
      drop-shadow(0 0 44px rgba(255,46,46,.72))
      contrast(1.3)
      saturate(1.78);
  }
  50%{
    filter:
      drop-shadow(0 0 18px rgba(255,0,0,.95))
      drop-shadow(0 0 42px rgba(255,32,32,1))
      drop-shadow(0 0 78px rgba(255,64,64,.98))
      contrast(1.48)
      saturate(2.16);
  }
}
@keyframes ccgCoolcoolButtonPulse{
  0%, 100%{
    transform:translateZ(0) scale(1.03);
  }
  50%{
    transform:translateZ(0) scale(1.08);
  }
}
@media (max-width: 760px){
  .ccg-coolcool-arrow{
    width:49px;
    min-width:49px;
    height:24px;
  }
}


@media (prefers-reduced-motion: reduce){
  .ccg-top::after,
  .ccg-coolcool-arrow,
  .ccg-coolcool-toggle.is-active img{
    animation:none !important;
  }
}

.ccg-filters.ccg-filters-no-status{gap:10px;}


/* v1.0.30 final clean */
.ccg-coolcool-toggle--top{
  width:43px;
  min-width:43px;
  height:43px;
  min-height:43px;
}
.ccg-coolcool-toggle--top img{
  width:100%;
  height:100%;
}