/* More arena, less chrome. All wardrobe models share the same game stats. */
.leaderboard{width:246px;padding:10px 8px 7px;border-radius:14px;max-height:calc(100dvh - 260px);right:16px}.board-header{gap:6px;padding:0 3px 9px}.board-heading>span{display:none}.board-heading h2{font-size:18px;letter-spacing:-.7px}.leaderboard .board-emblem{width:23px;height:25px;border-radius:7px}.board-emblem svg{width:14px;height:15px}.board-live{font-size:5px;padding:4px;align-self:center;margin:0;letter-spacing:.6px}.board-columns{padding:6px 5px;font-size:5px;letter-spacing:.9px}.leaderboard .board-row,.leaderboard .board-row:first-child{grid-template-columns:22px minmax(0,1fr) auto;gap:6px;min-height:33px;padding:4px 5px 6px;margin-top:3px;border-radius:7px}.leaderboard .board-row:first-child{margin-top:0}.leaderboard .board-row>.board-rank{width:22px;height:25px;border-radius:5px}.board-rank svg{width:11px;height:12px}.board-rank>span{font-size:6px;margin-top:1px}.leaderboard .board-player{gap:6px}.leaderboard .board-player .board-avatar{width:21px;height:21px}.board-avatar:before{width:5px;height:7px;top:5px;left:4px}.board-avatar:after{width:5px;height:7px;left:11px;top:6px}.board-name{font-size:11px;line-height:1.25}.board-meta{font-size:4px;letter-spacing:.4px;margin-top:3px}.leaderboard .board-row strong,.leaderboard .place-1 strong{font-size:16px;letter-spacing:-.5px;gap:2px;min-width:27px}.board-row strong>small{font-size:4px}.board-progress{left:40px;right:6px;height:1px;bottom:2px}.leaderboard .board-hint{padding:8px 4px 2px;margin-top:6px;font-size:6px}.board-toggle{display:grid;place-items:center;flex-shrink:0;width:20px;height:22px;padding:2px;border:1px solid #6c839a40;border-radius:5px;background:#27405622;color:#9eafc3}.board-toggle:hover{background:#3b567944;border-color:#a4c3e266}.board-toggle svg{width:12px;height:12px}.board-toggle.collapsed svg{transform:rotate(180deg)}.leaderboard .follow-status{padding:8px;margin:7px 1px 1px;gap:4px}.leaderboard .follow-status>span{font-size:9px}.leaderboard .follow-status>small{font-size:7px}.leaderboard .follow-status>button{font-size:9px;min-height:25px;padding:5px}
.skin-card>.skin-inspect{display:block;background:none;border:0;border-radius:7px;padding:0;min-height:0;width:100%;margin:0}.skin-card>.skin-inspect:hover:enabled{background:#ffffff03;border-color:transparent}.skin-card>.skin-inspect:focus-visible{outline-offset:1px}.skin-card>p{min-height:22px;line-height:1.6;color:#93a9be}.skin-card:has(.skin-card-top>span) .skin-portrait{height:125px}.skin-inspect:hover svg{transform:translateY(-3px) rotate(-2deg)}
.shop-hero{min-height:235px;padding:24px}.shop-hero h3{font-size:27px}.shop-hero .look-title{font-size:11px;color:#d1def2;margin:4px 0 8px;max-width:260px}.shop-hero .look-detail{font-size:10px;color:#8da5bf;line-height:1.8;max-width:260px;margin:0 0 15px}.shop-hero .hero-worm{width:48%;height:185px;flex-shrink:0}.hero-equip{display:block;min-height:33px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--skin) 50%,#527088);border-radius:7px;background:color-mix(in srgb,var(--skin) 13%,#0a1726);font-size:10px;color:#e0ecf8;margin-top:12px}.hero-equip:hover:enabled{background:color-mix(in srgb,var(--skin) 25%,#0a1726)}.hero-equip:disabled{cursor:default}.shop-toolbar{margin-top:18px}
#preview-art{display:grid;place-items:center;height:320px;margin-top:10px}#preview-art svg{position:static;width:100%;height:auto;max-height:100%;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--preview-skin,#ff8b26) 25%,transparent));animation:collection-float 5s ease-in-out infinite}.portrait-orbit{transform-box:fill-box;transform-origin:center;animation:portrait-orbit 9s linear infinite}.skin-store-grid .portrait-orbit{animation-duration:12s}
.rate-presets{display:flex;gap:7px;padding:12px 0 0}.rate-presets button{border:1px solid #6578954d;border-radius:6px;padding:7px 10px;font-size:8px;background:#1b2b3e33;color:#8ca6c4}.rate-presets button[aria-pressed=true]{border-color:#b29cda77;background:#68458822;color:#ceb6ed}.rate-presets button:hover{border-color:#b29cda77}.preview-rate{padding-bottom:14px}
@keyframes portrait-orbit{to{transform:rotate(360deg)}}
@media(max-width:1150px){.leaderboard{width:224px;right:14px}.board-heading h2{font-size:17px}.board-name{font-size:10px}.leaderboard .board-row,.leaderboard .board-row:first-child{min-height:31px}.leaderboard .board-player .board-avatar{width:20px;height:20px}.leaderboard .board-row strong,.leaderboard .place-1 strong{font-size:15px}.board-meta{font-size:3.8px}.shop-hero{padding:22px}.shop-hero .look-detail{max-width:230px}}
@media(max-width:900px){.leaderboard{top:145px;width:202px;right:14px;max-height:calc(100dvh - 310px)}.board-header{gap:5px}.board-heading h2{font-size:16px}.leaderboard .board-emblem{width:21px;height:23px}.board-live{font-size:4px;padding:4px 3px}.leaderboard .board-player{gap:5px}.board-name{font-size:9.5px}.leaderboard .board-row,.leaderboard .board-row:first-child{grid-template-columns:20px minmax(0,1fr) auto;gap:5px}.leaderboard .board-row>.board-rank{width:20px;height:24px}.board-progress{left:36px}.shop-hero .hero-worm{height:170px}}
@media(max-width:670px){.leaderboard{top:139px;right:12px;width:168px;padding:9px 6px 6px;border-radius:12px;max-height:calc(100dvh - 380px)}.board-heading h2{font-size:14px;letter-spacing:-.5px}.board-header{gap:4px;padding:0 1px 8px}.leaderboard .board-emblem{width:18px;height:20px;border-radius:5px}.board-emblem svg{width:12px;height:13px}.board-live{font-size:3.5px;padding:3px;gap:2px;letter-spacing:.2px}.board-live i{width:2px;height:2px}.board-toggle{width:17px;height:19px;padding:2px}.board-toggle svg{width:10px;height:10px}.board-columns{font-size:4px;letter-spacing:.7px;padding:5px 3px}.leaderboard .board-row,.leaderboard .board-row:first-child{grid-template-columns:18px minmax(0,1fr) auto;gap:4px;min-height:29px;padding:4px 3px 5px;margin-top:2px;border-radius:6px}.leaderboard .board-row>.board-rank{width:18px;height:22px;border-radius:4px}.board-rank svg{width:10px;height:11px}.board-rank>span{font-size:5px}.leaderboard .board-player{gap:4px}.leaderboard .board-player .board-avatar{width:17px;height:17px}.board-avatar:before{width:4px;height:6px;left:3px;top:4px}.board-avatar:after{width:4px;height:6px;left:9px;top:5px}.board-name{font-size:9px;letter-spacing:-.2px}.board-meta{display:none}.leaderboard .board-row strong,.leaderboard .place-1 strong{font-size:14px;min-width:23px;gap:2px}.board-row strong>small{font-size:3px}.board-progress{left:31px;right:4px}.leaderboard .board-hint{font-size:5px;gap:3px;padding:7px 2px 1px}.board-hint svg{width:8px;height:9px}.leaderboard .follow-status{padding:6px}.leaderboard .follow-status>span{font-size:8px}.leaderboard .follow-status>small{font-size:6px}.leaderboard .follow-status>button{font-size:8px;min-height:24px}.shop-hero{padding:19px 15px;min-height:239px}.shop-hero h3{font-size:21px;max-width:155px}.shop-hero .look-title{font-size:9px;max-width:150px}.shop-hero .look-detail{font-size:8px;max-width:140px;line-height:1.7}.shop-hero .hero-worm{width:47%;height:140px;position:absolute;top:53px;right:1px}.hero-equip{font-size:9px;padding:8px 11px;min-height:32px}.skin-card:has(.skin-card-top>span) .skin-portrait{height:112px}.skin-card>p{font-size:7px;min-height:24px}.skin-card>h3{font-size:12px}#preview-art{height:120px;margin:0}#preview-art svg{position:static;top:auto;height:auto;width:100%;max-height:120px}.preview-eyebrow{letter-spacing:.5px}}
@media(max-height:600px) and (min-width:671px){.leaderboard{top:80px;width:200px;max-height:calc(100dvh - 205px)}.leaderboard .board-row,.leaderboard .board-row:first-child{min-height:28px}.board-header{padding-bottom:6px}.leaderboard .board-hint{padding-top:6px}}
@media(prefers-reduced-motion:reduce){.portrait-orbit,#preview-art svg{animation:none}.skin-inspect:hover svg{transform:none}}