.citizensHub{--s-deck-0:#fbfbf9;--s-deck-1:#fbfbf9;--s-deck-2:#f1f1ee;--s-deck-3:#e6e6e2;--s-line:rgba(12,14,14,.13);--s-ink:#0c0e0e;--s-ink-soft:#4c5150;--s-ink-dim:#5e6462;background:var(--s-deck-0);font-family:var(--font-mono);color:var(--s-ink);box-sizing:border-box;min-height:100dvh;padding:calc(72px + 1.25rem) 1.5rem 2rem}@media(max-width:1024px){.citizensHub{padding-top:calc(64px + 1.25rem)}}@media(max-width:900px){.citizensHub{padding:calc(64px + 1rem) 1rem 1.5rem}}.hubBody{width:100%;max-width:1560px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.1rem;align-items:start}@media(max-width:900px){.hubBody{display:flex;flex-direction:column;gap:1.25rem}}.sidePane{display:flex;flex-direction:column;gap:1.1rem}.figureGrid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}@media(max-width:400px){.figureGrid{grid-template-columns:1fr}}.figure{display:flex;flex-direction:column;gap:.15rem;padding:.8rem .9rem;background:var(--s-deck-2);border:1px solid var(--s-line);border-radius:10px}.figure.isWide{grid-column:1/-1}.figure .figureLabel{font-size:.65rem;letter-spacing:.05em;color:var(--s-ink-dim)}.figure .figureValue{font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.figure .figureValue.earning{color:#2d6a2d}.figure .figureNote{font-size:.58rem;line-height:1.35;color:var(--s-ink-dim)}@media(max-width:900px){.figure .figureNote{font-size:.65rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes areaReveal{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fadeIn{animation:fadeInUp .4s ease-out both}.skeleton{display:inline-block;border-radius:2px;background:linear-gradient(90deg,#d5d5d5 25%,#ddd 50%,#d5d5d5 75%);background-size:200% 100%}.floorPriceHeader .skeleton,.skeleton{animation:shimmer 1.5s ease-in-out infinite}.floorPriceHeader .skeleton{background:linear-gradient(90deg,#dcdcd7 25%,#e9e9e5 50%,#dcdcd7 75%);background-size:200% 100%}.skeletonChart{height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.skeletonChart .skeletonChartLine{height:1px;background:linear-gradient(90deg,#d5d5d5 25%,#ddd 50%,#d5d5d5 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.floorPriceCard{background:var(--s-deck-2);border:1px solid var(--s-line);border-radius:10px;overflow:hidden}.floorPriceHeader{background:var(--s-deck-3);color:var(--s-ink);border-bottom:1px solid var(--s-line);padding:.7rem .85rem;display:flex;justify-content:space-between;align-items:center}.floorPriceHeader .floorPriceHeaderLeft,.floorPriceHeader .floorPriceHeaderRight{display:flex;align-items:baseline;gap:.75rem}.floorPriceHeader .currentPrice{font-size:1.1rem;font-weight:600;letter-spacing:.05em}.floorPriceHeader .priceChange{font-size:.75rem;letter-spacing:.05em;font-weight:600}.floorPriceHeader .priceChange.up{color:#6cff6c}.floorPriceHeader .priceChange.down{color:#ff6c6c}.floorPriceBody{padding:1.5rem 1rem}.chartPlaceholder{display:flex;justify-content:center;align-items:center;height:180px;font-size:.75rem;letter-spacing:.1em;color:var(--s-ink-dim)}.chartContainer{position:relative}.chartContainer .floorChart{width:100%;height:auto;cursor:crosshair}.chartContainer .floorChart .axisLabel{font-family:var(--font-mono);font-size:10px;fill:#888;letter-spacing:.05em}.chartContainer .floorChart .chartLine{animation:drawLine 1s ease-out .1s forwards}.chartContainer .floorChart .chartArea{animation:areaReveal .6s ease-out .8s both}.chartContainer .floorChart .dataPoint{opacity:0;transform-origin:center;animation:fadeInScale .2s ease-out forwards;transition:r .15s ease,stroke-width .15s ease}.chartContainer .chartTooltip{position:absolute;transform:translate(-50%,-120%);background:var(--s-ink);color:var(--s-deck-0);padding:.5rem .75rem;pointer-events:none;white-space:nowrap;z-index:10}.chartContainer .chartTooltip .tooltipPrice{font-size:.85rem;font-weight:600;letter-spacing:.05em}.chartContainer .chartTooltip .tooltipDate{font-size:.65rem;letter-spacing:.08em;opacity:.6;margin-top:.15rem}.chartContainer .chartTooltip .tooltipListed{font-size:.65rem;letter-spacing:.08em;opacity:.6;margin-top:.1rem}.floorPriceFooter{display:flex;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.08)}.floorPriceFooter .footerStat{font-size:.65rem;letter-spacing:.1em;color:var(--s-ink-dim)}.leaderboardColumns{display:flex;align-items:flex-end;padding:.6rem 1rem .5rem;border-bottom:1px solid var(--s-line);font-size:.6rem;font-weight:600;letter-spacing:.08em;color:var(--s-ink-dim)}.leaderboardColumns .colRank{width:3.5rem}.leaderboardColumns .colMovement{width:3.6rem;text-align:center}.leaderboardColumns .colAvatarSpacer{flex:0 0 28px;margin-right:.6rem}.leaderboardColumns .colName{flex:1}.leaderboardColumns .colValue{width:7.5rem;text-align:right}@media(max-width:640px){.leaderboardColumns{display:none}}.leaderboard{background:var(--s-deck-2);border:1px solid var(--s-line);border-radius:10px;overflow:hidden}.leaderboardHeader{background:var(--s-deck-3);color:var(--s-ink);border-bottom:1px solid var(--s-line);padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:baseline}.leaderboardHeader .leaderboardTitle{font-size:.95rem;letter-spacing:-.01em;font-weight:600}.leaderboardHeader .leaderboardSubtitle{font-size:.68rem;letter-spacing:.01em;color:var(--s-ink-dim)}.leaderboardList{padding-bottom:.25rem}.leaderboardEntry{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.05);transition:background .15s ease}.leaderboardEntry:last-child{border-bottom:none}.leaderboardEntry:hover:not(.placeholder){background:rgba(0,0,0,.05)}.leaderboardEntry.placeholder .skeleton{display:inline-block}.leaderboardEntry .entryRank{width:3.5rem;font-size:.75rem;font-weight:600;color:var(--s-ink-soft)}.leaderboardEntry .entryMovement{width:3.6rem;font-size:.7rem;display:flex;align-items:center;justify-content:center;gap:.15rem}.leaderboardEntry .entryMovement .moveUp{color:#2d8a2d;display:flex;align-items:center;gap:.1rem}.leaderboardEntry .entryMovement .moveDown{color:#c44;display:flex;align-items:center;gap:.1rem}.leaderboardEntry .entryMovement .noChange{color:var(--s-ink-dim);font-size:.65rem}.leaderboardEntry .entryMovement .newIndicator{color:#d4a020;font-size:.85rem}.leaderboardEntry .entryAvatar{position:relative;flex:0 0 28px;width:28px;height:28px;margin-right:.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.06);font-size:.7rem;font-weight:600;letter-spacing:0;color:var(--s-ink-dim)}.leaderboardEntry .entryAvatar img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leaderboardEntry .entryAvatar+.entryName:before{content:none}.leaderboardEntry .entryName{flex:1;font-size:.85rem;font-weight:500;letter-spacing:.01em}.leaderboardEntry .entryName:before{content:"> ";opacity:.3}.leaderboardEntry.placeholder .entryName:before{content:none}.leaderboardEntry .entryValue{width:7.5rem;text-align:right;font-size:.75rem;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--s-ink-soft)}.leaderboardEntry .entryValue .valueUnit{margin-left:.35rem;font-size:.6rem;letter-spacing:.06em;color:var(--s-ink-dim)}.leaderboardEntry .entryValue.earning{color:#2d6a2d}@media(max-width:640px){.leaderboardEntry .entryMovement{display:none}.leaderboardEntry .entryRank{width:2.25rem}.leaderboardEntry .entryName{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaderboardEntry .entryValue{width:auto}}.emptyLeaderboard{padding:2rem 1rem;text-align:center;font-size:.75rem;letter-spacing:.1em;color:var(--s-ink-dim)}.errorOverlay{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--s-ink);color:var(--s-deck-0);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px rgba(0,0,0,.3)}.errorOverlay .errorMessage{font-size:.8rem;color:#ff6c6c}.errorOverlay button{background:transparent;border:1px solid var(--s-line);color:var(--s-deck-0);padding:.5rem 1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:pointer;transition:all .15s ease}.errorOverlay button:hover{background:var(--s-deck-2);color:var(--s-ink)}