/* Shared official Gridlock Run signature: cyan/gold track rails, checkers and
   the existing Gridlock wordmark. All decoration is outside card grid flow. */
.gridlock-card-brand .card-brand-trim {
  position:absolute;inset:0;border-radius:inherit;z-index:7;pointer-events:none;
  background:
    linear-gradient(90deg,#77dce9 0 39%,transparent 39% 61%,#eacf76 61%) 50% 2px/calc(100% - 26px) 2px no-repeat,
    linear-gradient(#74d8e580,transparent 68%) 2px 21px/2px calc(100% - 40px) no-repeat,
    linear-gradient(0deg,#eacf7680,transparent 68%) calc(100% - 2px) 19px/2px calc(100% - 40px) no-repeat;
}
.gridlock-card-brand .card-brand-trim::before,
.gridlock-card-brand .card-brand-trim::after {
  content:"";position:absolute;width:19px;height:9px;opacity:.68;
  background:repeating-conic-gradient(#b4edf0 0 25%,transparent 0 50%) 0 0/6px 6px;
  pointer-events:none;
}
.gridlock-card-brand .card-brand-trim::before {left:5px;top:4px;clip-path:polygon(0 0,100% 0,57% 100%,0 100%)}
.gridlock-card-brand .card-brand-trim::after {right:5px;bottom:4px;transform:rotate(180deg);background-image:repeating-conic-gradient(#f2d888 0 25%,transparent 0 50%)}
.gridlock-card-brand .card-brand-footer {
  position:relative;isolation:isolate;
  background:linear-gradient(90deg,transparent,#102b3766 29%,#162b3466 71%,transparent);
}
.gridlock-card-brand .card-brand-footer::before,
.gridlock-card-brand .card-brand-footer::after {
  content:"";position:absolute;top:50%;width:17%;height:5px;max-width:49px;opacity:.58;pointer-events:none;
}
.gridlock-card-brand .card-brand-footer::before {
  left:5px;background:repeating-linear-gradient(125deg,#73dbe5 0 3px,transparent 3px 6px);
  clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
}
.gridlock-card-brand .card-brand-footer::after {
  right:5px;background:repeating-linear-gradient(125deg,#eccd74 0 3px,transparent 3px 6px);
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);
}
.gridlock-card-brand .card-brand-footer .card-wordmark {position:relative;z-index:1}
.gridlock-card-brand .card-sparkles {position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:7}
.gridlock-card-brand .card-sparkles i {
  position:absolute;display:block;width:11px;height:11px;pointer-events:none;opacity:.17;
  background:radial-gradient(circle,#fffdf4 0 11%,#f7e7ac 12% 27%,transparent 55%);
  transform:scale(.55) rotate(0deg);animation:gridlock-card-glint 5.4s ease-in-out infinite;animation-play-state:paused;
}
.gridlock-card-brand .card-sparkles i::before,
.gridlock-card-brand .card-sparkles i::after {
  content:"";position:absolute;inset:0;background:linear-gradient(transparent,#fff9de,transparent);
  clip-path:polygon(48% 0,57% 40%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);
}
.gridlock-card-brand .card-sparkles i::after {transform:rotate(45deg) scale(.55);opacity:.45}
.gridlock-card-brand .card-sparkles i:nth-child(1){left:5%;top:13%;animation-delay:-.7s}
.gridlock-card-brand .card-sparkles i:nth-child(2){right:5%;top:27%;animation-delay:-3.5s;width:9px;height:9px}
.gridlock-card-brand .card-sparkles i:nth-child(3){left:19%;top:43%;animation-delay:-1.9s;width:8px;height:8px}
.gridlock-card-brand .card-sparkles i:nth-child(4){right:9%;top:57%;animation-delay:-4.5s}
.gridlock-card-brand .card-sparkles i:nth-child(5){left:4%;top:76%;animation-delay:-2.8s;width:8px;height:8px}
.gridlock-card-brand .card-sparkles i:nth-child(6){right:6%;bottom:6%;animation-delay:-.1s;width:9px;height:9px}
.gridlock-card-brand.is-sparkle-active .card-sparkles i {animation-play-state:running}
@keyframes gridlock-card-glint {
  0%,30%,100%{opacity:.08;transform:scale(.45) rotate(-9deg)}
  41%{opacity:.78;transform:scale(1) rotate(5deg)}
  53%{opacity:.14;transform:scale(.58) rotate(14deg)}
}
@media(prefers-reduced-motion:reduce) {
  .gridlock-card-brand .card-sparkles i {animation:none;opacity:.24;transform:scale(.65)}
}