/* Colour belongs to the feature worlds; ATH's surrounding canvas stays black. */
.feature-card.card-profile{
  background:radial-gradient(ellipse at 65% 76%,#e7dfff 0,#c4b5f4 48%,#b5a3ec 100%)!important;
}
.profile-orbit{border-color:#7054af35}
.identity-badge{background:linear-gradient(140deg,#fff8d7,#ece5a3);box-shadow:inset 2px 2px 2px #fff9e8,inset -3px -3px 4px #9d986659,0 18px 26px #53408535}
.profile-label{background:#fffcf4;border-color:#fff7}
.profile-scene .small-spark{color:#654899}
.vpa-fx-grid .card-profile .feature-kicker{color:#574775}

.feature-card.card-community{
  color:#2c202c;
  background:radial-gradient(ellipse at 20% 85%,#ffe0c4 0,#ffbba7 48%,#ffb5ad 100%);
}
.vpa-fx-grid .card-community .feature-kicker{color:#714f4c}
.community-ring{border-color:#985b642b}
.crew-core{background:linear-gradient(140deg,#f3ebff,#b5a2e8);box-shadow:inset 2px 3px 1px #fff7,4px 10px 0 #9478c5,0 30px 60px #8350573b;color:#302441}
.message-bubble{box-shadow:0 10px 30px #99586530}
.bubble-one{background:#fffbf0}.bubble-one .bubble-avatar{background:#f6e2a8}
.bubble-two{background:#d7cdfb}.bubble-two .bubble-avatar{background:#b8a5e9}
.bubble-three{background:#342744;color:#fff8ef}.bubble-three .bubble-avatar{background:#66507f}
.bubble-dot{background:#836693}
.typing-bubble{background:#ffedaa;border-color:#fff6;box-shadow:0 8px 20px #9958651c}
.typing-bubble i{background:#675338}

.feature-card.card-discovery{
  background:radial-gradient(ellipse at 50% 72%,#574888 0,#302848 53%,#25212f 100%);
}
.vpa-fx-grid .card-discovery .feature-kicker{color:#c0b0e3}
.radar-ring{border-color:#c6aeff3d}.radar-ring.radar-two{border-color:#c6aeff1c}
.radar-sweep{background:conic-gradient(from 0deg,transparent 76%,#b995ff22)}
.discovery-chip{color:#f8f2ff;border-color:#d1b9ff40;background:#65528391;box-shadow:0 8px 20px #110e211c}
.chip-tokens{background:#d5c5ff;color:#2a213a;border-color:#e8dfff}
.chip-traders{background:#ffd0ba;color:#362630;border-color:#ffdccd}
.chip-ideas{background:#f4edae;color:#38322e;border-color:#fff8c9}
.radar-origin{background:#eedbff;box-shadow:0 0 12px #d1a3ff}

.feature-card.card-start{
  background:radial-gradient(ellipse at 58% 76%,#ffffed 0,#f8f6b2 48%,#efeea0 100%)!important;
}
.vpa-fx-grid .card-start .feature-kicker{color:#66623b}
.launch-rings i{border-color:#aaa4555e}
.launch-tile{box-shadow:inset 1px 2px 2px #8d859c,6px 11px 0 #a9a663,12px 22px 30px #88812c36}
.vpa-fx-grid .start-mantra{color:#666243}

.feature-card.card-portfolio{
  background:radial-gradient(ellipse at 78% 72%,#eee3fb 0,#c0cdf8 40%,#a7bdf0 100%)!important;
}
.vpa-fx-grid .card-portfolio .feature-kicker{color:#4d5b7e}
.portfolio-platform{background:linear-gradient(#8098d3,#dcdcff);box-shadow:0 -1px 0 #ffffff96}
.portfolio-label{background:#f9f4ff;border-color:#fffa;box-shadow:0 14px 35px #44528f33}

.feature-card.card-trading{
  background:radial-gradient(ellipse at 92% 57%,#63549a 0,transparent 65%),radial-gradient(ellipse at 0 95%,#3c5679 0,#282539 66%);
}
.vpa-fx-grid .card-trading .feature-kicker{color:#beb3da}
.chart-orbit{border-color:#d4b4ff30}
.trading-phone{border-color:#8f81a9;box-shadow:8px 10px 0 #363044,18px 25px 45px #0e0d238c}
.trading-terminal{border-color:#837799}

/* Transparent original 3D renders, with their lighting baked into the objects. */
.space-coin.token-image{
  display:block;padding:0!important;border:0;border-radius:0;background:none;
  box-shadow:none!important;filter:drop-shadow(0 14px 14px #130d2c3b);
}
.space-coin.token-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.discovery-sol.token-image{width:29%;left:36%;top:20%}
.discovery-btc.token-image{width:21%!important;left:10%;top:1%}
.discovery-eth.token-image{width:24%!important;right:7%;top:44%}
.discovery-ath.token-image{width:19%!important;left:13%;top:70%}
.portfolio-sol.token-image{width:29%;left:7%;top:20%}
.portfolio-eth.token-image{width:24%!important;right:6%;top:48%}
@keyframes token-orbit{
  0%,100%{transform:translateY(0) rotate(var(--coin-angle))}
  50%{transform:translateY(-12px) rotate(calc(var(--coin-angle) + 5deg))}
}
.falling-token.token-image{width:calc(var(--fall-size)*1.35);filter:drop-shadow(0 4px 5px #0005)}
@keyframes token-fall{
  0%{transform:translate3d(0,-50px,0) rotate(-25deg);opacity:0}
  12%{opacity:.62}78%{opacity:.45}
  100%{transform:translate3d(var(--fall-drift),800px,0) rotate(70deg);opacity:0}
}
@media(max-width:799.98px){.falling-token.token-image{width:calc(var(--fall-size)*.9)}}
@media(prefers-reduced-motion:reduce){.falling-token.token-image{opacity:0}}