/* Tsukiro 3.6.3 — every achievement frame has its own silhouette. */
.frame-tier-rewards .frame-choice.is-locked{opacity:.62!important;filter:none!important}
.frame-tier-rewards .frame-choice.is-locked .frame-preview{filter:saturate(.7) brightness(.72)}
.frame-tier-rewards .frame-preview-neon-pulse,
.frame-tier-rewards .frame-preview-sakura-motion,
.frame-tier-rewards .frame-preview-cosmic-orbit,
.frame-tier-rewards .frame-preview-moon-ripple{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#15151c 0 59%,transparent 60%)!important;
  box-shadow:none!important;
  animation:none!important;
}
.frame-tier-rewards .frame-preview-neon-pulse::before{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  background:conic-gradient(from 20deg,#6cecff,#976cff,#ff55b6,#6cecff);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  filter:drop-shadow(0 0 8px rgba(255,82,180,.7));animation:v363NeonFrame 2.6s linear infinite
}
.frame-tier-rewards .frame-preview-neon-pulse::after{content:"";position:absolute;inset:7px;border:1px solid rgba(116,235,255,.75);border-radius:50%;box-shadow:inset 0 0 11px rgba(106,230,255,.28)}
.frame-tier-rewards .frame-preview-sakura-motion::before{
  content:"";position:absolute;inset:-7px;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,#ff87b9 0 12deg,transparent 12deg 29deg,#ffd0e3 29deg 37deg,transparent 37deg 58deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
  filter:drop-shadow(0 0 7px rgba(255,116,177,.62));animation:v363SakuraFrame 6s linear infinite
}
.frame-tier-rewards .frame-preview-sakura-motion::after{content:"✿";position:absolute;right:-9px;top:4px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#ffe4ef;background:#e865a2;box-shadow:-68px 58px 0 -4px #ff8fbd,0 0 15px rgba(255,105,171,.8);font-size:11px;animation:v363SakuraPetal 2.5s ease-in-out infinite}
.frame-tier-rewards .frame-preview-cosmic-orbit::before{
  content:"";position:absolute;inset:-8px;border:2px dashed rgba(152,111,255,.88);border-radius:50%;
  box-shadow:0 0 0 3px rgba(83,142,255,.16),0 0 17px rgba(92,114,255,.55);animation:v363CosmicFrame 4.2s linear infinite
}
.frame-tier-rewards .frame-preview-cosmic-orbit::after{content:"";position:absolute;left:50%;top:-10px;width:13px;height:13px;border:3px solid #15151c;border-radius:50%;background:#72d7ff;box-shadow:0 0 12px #66cfff,0 0 24px #9d63ff;transform:translateX(-50%)}
.frame-tier-rewards .frame-preview-moon-ripple::before{
  content:"";position:absolute;inset:-3px;border:3px solid #e1edff;border-radius:50%;
  box-shadow:0 0 0 7px rgba(173,202,255,.18),0 0 0 13px rgba(131,167,242,.08),0 0 22px rgba(183,211,255,.72);animation:v363MoonFrame 2.7s ease-out infinite
}
.frame-tier-rewards .frame-preview-moon-ripple::after{content:"☾";position:absolute;left:-10px;top:-8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#f2f7ff;background:linear-gradient(145deg,#a5c8ff,#6e7fd5);box-shadow:0 0 16px rgba(185,214,255,.8);font-size:17px}
@keyframes v363NeonFrame{to{transform:rotate(360deg);filter:hue-rotate(22deg) drop-shadow(0 0 9px rgba(255,82,180,.72))}}
@keyframes v363SakuraFrame{to{transform:rotate(360deg)}}
@keyframes v363SakuraPetal{50%{transform:translate(-3px,5px) rotate(22deg);filter:brightness(1.18)}}
@keyframes v363CosmicFrame{to{transform:rotate(360deg)}}
@keyframes v363MoonFrame{65%{box-shadow:0 0 0 14px rgba(173,202,255,0),0 0 0 23px rgba(131,167,242,0),0 0 26px rgba(183,211,255,.76)}}
@media(prefers-reduced-motion:reduce){.frame-tier-rewards .frame-preview::before,.frame-tier-rewards .frame-preview::after{animation:none!important}}