/* Editorial trading-floor imagery, never presented as client performance. */
.trading-scenes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.trading-scene{position:absolute;inset:-18px;background-position:68% center;background-size:cover;opacity:0;filter:blur(7px) saturate(.75);transform:scale(1.05);transition:opacity 1.8s ease}
.trading-scene.is-active{opacity:1}
.trading-scene.is-active{animation:trader-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
.trading-scenes[data-motion=running] .trading-scene.is-active{animation-play-state:running}
@keyframes trader-drift{from{transform:scale(1.05) translate3d(-.5%,0,0)}to{transform:scale(1.12) translate3d(.5%,-.7%,0)}}
.trading-scenes::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0a17ed,#101021c9 45%,#16112775)}
.trading-controls{display:flex;align-items:center;gap:9px;position:absolute;right:24px;bottom:20px;z-index:5}
.trading-controls button{border:0!important;box-shadow:none!important;background:transparent;color:inherit;cursor:pointer;padding:8px;min-height:32px;font:10px/1 sans-serif}
.trading-controls .scene-dot{width:22px;height:28px;padding:0;position:relative}
.scene-dot::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;left:9px;top:12px;transition:transform .3s,opacity .3s}
.scene-dot[aria-pressed=true]::after{opacity:1;transform:scale(1.5)}
.trading-controls button:focus-visible{outline:2px solid #9875df;outline-offset:2px}
html:root[data-surface=brand] .hero>.trading-scenes{z-index:-1}
html:root[data-theme=light][data-surface=brand] body::before{background:linear-gradient(160deg,#fff,#f7f6fb)}
html:root[data-theme=light][data-surface=brand] .nebula-scene{background:none}
html:root[data-theme=light][data-surface=brand] .hero-shade{background:none}
html:root[data-theme=light] .trading-scenes::after{background:linear-gradient(90deg,#fffefded,#fffefdb8 48%,#f7f5fa65)}
html:root[data-surface=brand] .hero>.trading-scenes::after{background:linear-gradient(180deg,#ffffffd6 0%,#ffffffcc 37%,#ffffff40 64%,#faf9fde8 100%)}
html:root[data-surface=brand] .hero>.trading-controls{bottom:76px;color:#655779}
html:root[data-theme=dark][data-surface=brand] .hero>.trading-scenes,html:root[data-theme=dark][data-surface=brand] .hero>.trading-controls{display:none}
html:root[data-surface] .hub .hub-welcome{border:0;border-radius:0;box-shadow:none;background:transparent;padding-bottom:38px}
html:root[data-surface=community] .hub-welcome::before{display:none}
.hub-brand-signature{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:23px;padding:40px 0}
.workspace-wordmark{width:min(100%,350px)}
.hub-brand-signature>span{font-size:9px;letter-spacing:.19em;color:#c6b7db;text-align:center}
html:root[data-theme=light] .hub-brand-signature>span{color:#645276}
html:root[data-surface=community] .hub-stats{border:0;border-radius:0;background:none;gap:16px}
html:root[data-surface=community] .hub-stats>div{background:transparent}
html:root[data-theme=light][data-surface=mobile] .mobile-cosmos{background:#f9f8fc}
html:root[data-theme=light][data-surface=mobile] .mobile-cosmos .trading-scenes::after{background:linear-gradient(180deg,#ffffffd4,#ffffffba 50%,#f9f8fc 93%)}
html:root[data-theme=dark][data-surface=mobile] .mobile-cosmos .trading-scenes,html:root[data-theme=dark][data-surface=mobile] .trading-controls{display:none}
.m-feature-banner{position:relative}
.m-feature-banner .trading-controls{bottom:-20px;right:0}
@media(max-width:700px){.hub-brand-signature{padding:18px 0 12px;gap:15px}.workspace-wordmark{width:min(270px,90%)}.hub-welcome .hub-brand-signature{display:flex}.trading-controls{right:16px}.hub-brand-signature>span{font-size:8px}.trading-scene{background-position:65% center}}
.hub-top-traders{position:relative;min-width:0;padding:10px 0 4px 30px}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.leaderboard-heading h2{font-size:21px;font-weight:600;margin:8px 0}
.leaderboard-heading h2 em{font:10px/1.5 sans-serif;letter-spacing:.08em;color:#bb99ec;font-style:normal;margin-left:10px}
.leaderboard-heading>a{font-size:22px;color:#bc9be7}
.hub-welcome .hub-top-traders .leaderboard-basis,.hub-welcome .hub-top-traders .leaderboard-note{font-size:10px;line-height:1.6;max-width:none;color:#b1a7c3;margin:5px 0 12px}
.hub-top-traders ol{list-style:none;margin:0;padding:0}
.hub-top-traders li>a{display:flex;align-items:center;gap:12px;min-height:65px;padding:8px 0;border:0;transition:transform .2s}
.hub-top-traders li>a:hover{transform:translateX(3px)}
.trader-rank{font:italic 500 21px/1 Georgia,serif;color:#9d85bb;width:26px;flex-shrink:0}
.hub-top-traders li:first-child .trader-rank{color:#dfbd7a}
.trader-monogram{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#b394e52b;color:#dbc4fa;flex-shrink:0;font-size:14px}
.trader-identity{flex:1;min-width:0}.trader-identity strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trader-identity small,.trader-result small{display:block;font-size:9px;color:#b1a7c3;line-height:1.8;margin-top:3px}
.trader-result{text-align:right;flex-shrink:0}.trader-result strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
html:root[data-theme=light] .hub-top-traders :is(.leaderboard-basis,.leaderboard-note,.trader-identity small,.trader-result small){color:#6e647d}
html:root[data-theme=light] .trader-monogram{background:#7c55ba16;color:#7951a9}
html:root[data-theme=light] .hub-top-traders li:first-child .trader-rank{color:#936b29}
@media(max-width:1100px){.hub-welcome{column-gap:15px}.hub-top-traders{padding-left:5px}.trader-monogram{display:none}}
@media(max-width:700px){.hub-top-traders{padding:28px 0 0}.trader-monogram{display:grid}.hub-top-traders li>a{gap:10px}.trader-result strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.trading-scene{transition:none;animation:none!important}.hub-top-traders li>a{transition:none}}
