.cell-preview-container{position:relative;width:6rem;height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.rarity-badge{font-size:.75rem;text-transform:capitalize;font-weight:600}.rarity-beta{color:#facc15;text-shadow:0 0 6px rgba(250,204,21,.55),0 0 12px rgba(250,204,21,.35);animation:gold-glow 1.8s ease-in-out infinite}@keyframes gold-glow{0%,to{text-shadow:0 0 6px rgba(250,204,21,.6),0 0 12px rgba(250,204,21,.4);filter:brightness(1.05) saturate(1.1)}50%{text-shadow:0 0 14px rgba(250,204,21,.9),0 0 26px rgba(250,204,21,.6);filter:brightness(1.2) saturate(1.35)}}.effect-rainbow-border{position:absolute;inset:-4px;border-radius:50%;animation:rainbow-spin 3s linear infinite;transform:translateZ(0);will-change:transform;animation-play-state:running}.effect-rainbow-border-inner{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,#ef4444,#eab308,#a855f7);padding:4px}.effect-rainbow-border-inner:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:inherit;filter:blur(10px) brightness(1.35) saturate(1.6);opacity:.75;mix-blend-mode:screen;pointer-events:none;transform:translateZ(0)}.effect-rainbow-border-core{width:100%;height:100%;border-radius:50%;background:transparent}.effect-spinning-lines{position:absolute;inset:0;border-radius:50%;animation:lines-spin 2s linear infinite;transform:translateZ(0);will-change:transform;animation-play-state:running}.effect-spinning-lines-inner{position:absolute;inset:0;border-radius:50%;filter:brightness(1.4) saturate(1.5);mask:radial-gradient(circle,transparent 42px,black 44px,black 50px,transparent 52px);-webkit-mask:radial-gradient(circle,transparent 42px,black 44px,black 50px,transparent 52px)}.effect-spinning-lines-inner:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:inherit;filter:blur(12px) brightness(1.4) saturate(1.7);opacity:.7;mix-blend-mode:screen;pointer-events:none;transform:translateZ(0);mask:radial-gradient(circle,transparent 38px,black 44px,black 56px,transparent 62px);-webkit-mask:radial-gradient(circle,transparent 38px,black 44px,black 56px,transparent 62px)}.effect-lines-red{background:conic-gradient(from 0deg,#ff3333 0deg,#ff3333 90deg,transparent 90deg,transparent 180deg,#ff3333 180deg,#ff3333 270deg,transparent 270deg,transparent 1turn)}.effect-lines-blue{background:conic-gradient(from 0deg,#2563eb 0deg,#2563eb 90deg,transparent 90deg,transparent 180deg,#2563eb 180deg,#2563eb 270deg,transparent 270deg,transparent 1turn)}.effect-lines-green{background:conic-gradient(from 0deg,#16a34a 0deg,#16a34a 90deg,transparent 90deg,transparent 180deg,#16a34a 180deg,#16a34a 270deg,transparent 270deg,transparent 1turn)}.effect-lines-gold{background:conic-gradient(from 0deg,#facc15 0deg,#facc15 90deg,transparent 90deg,transparent 180deg,#facc15 180deg,#facc15 270deg,transparent 270deg,transparent 1turn)}.effect-lines-rainbow{background:conic-gradient(from 0deg,#ff3333 0deg,#facc15 45deg,#2563eb 90deg,transparent 90deg,transparent 180deg,#16a34a 180deg,#8b5cf6 225deg,#ff3333 270deg,transparent 270deg,transparent 1turn)}@keyframes rainbow-spin{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}@keyframes lines-spin{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}.cell-skin-background{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:50%;transform:translateZ(0)}.cell-skin-default{background:linear-gradient(135deg,#60a5fa,#a855f7)}.effect-visible{visibility:visible;pointer-events:auto}.effect-hidden{visibility:hidden;pointer-events:none}