/* VRChat's dark menu palette, while retaining a readable ranking layout. */
.stat strong{white-space:nowrap}
.history-empty{font-size:10px;color:#8eacbb}
.table-wrap{overflow:clip}thead th{position:sticky;top:0;z-index:2}
.header-inner{padding-top:17px;padding-bottom:17px}.intro{padding-top:25px!important;padding-bottom:21px!important}h1{font-size:29px;margin-top:12px;margin-bottom:8px}.update-line{margin-top:13px!important}.stats{margin-bottom:24px!important}.stat{padding-top:16px!important;padding-bottom:16px!important}.stat strong{margin-top:8px;margin-bottom:4px;font-size:29px!important}.ranking-title{margin-bottom:16px}h2{font-size:22px}
:root{color-scheme:dark;--blue:#58d9e8;--muted:#8dacbb;--border:#234555;color:#e4f3fa;background:#0b1c27}
body{background:radial-gradient(ellipse at 40% 0%,#18384870,transparent 65%);min-height:100vh}
.site-header{background:#0d2532;border-color:#214552}.brand{color:#edfaff}.brand-mark{background:#163c4c;color:#58d9e8;border:1px solid #386675}.brand-sub{color:#8eacbb}.nav-current{color:var(--blue)}.text-button{color:#93b2c1}.intro{padding-top:36px;padding-bottom:24px}.intro>p{color:#9eb6c5}.frequency{color:#99b9c9;border-color:#355464}.update-line{margin-top:17px;color:#88a8b9}.refresh{color:#93b9c9}.stats{margin-bottom:28px}.stat{background:linear-gradient(140deg,#163644,#102d3c);border-color:#284c5c;padding-top:20px;padding-bottom:20px;box-shadow:0 5px 18px #00000010}.stat>span{color:#a2bdcb}.stat strong{color:#edfaff;font-size:31px}.stat strong:after{color:#8eafbf}.stat small{color:#89a9ba}.stat:first-child:before{box-shadow:0 0 14px #58d9e866}.result-count,.table-footer{color:#91aaba}.tabs{border-color:#2b4e5f}.tab{color:#a4bdcc}.tab span{color:#85a3b6}.tab.active{color:#76e6ee;background:linear-gradient(0deg,#18424b66,transparent)}.tab.active span{color:#a0d7e3}.search{background:#102b3a;border-color:#2a4d5f;color:#8eb8c9}.search input{color:#def2fa}.search input::placeholder{color:#89a6b8}.chip{border-color:#2c4d5e;color:#9bb9c9;background:#102936}.chip.active{color:#8feaf1;border-color:#408d9c;background:#153e4b}.column-note{color:#8da9b9}.table-wrap{background:#112d3c;border-color:#294b5c}th{background:#173b4b;color:#a1c1cf;border-color:#2a4e5e}td{border-color:#213e4e}tbody tr:hover{background:#183e4e}.rank{color:#85a3b4}.rank.top{color:#a5f2f7}.world-name{color:#e3f2fa}.world-name:hover{color:#79e4ed}.world-meta{color:#94afbf}.platform{border-color:#385565;color:#a0bac9;background:#173746}.num{color:#e8f7ff}.public-num{color:#7bdfe9}.share{background:#254655}.share i{background:#51becf}.change{color:#8fa8b7}.change.up{color:#72d6b6}.change.down{color:#e9a1ae}.spark path{stroke:#6fc7d6}.save-button{color:#718f9f}.save-button.saved{color:#efd47b}.guide{background:#102e3b;border-color:#264c5a}.guide-symbol{color:#8fd9e4;border-color:#538897}.guide p{color:#9ab7c5}.guide h3{color:#cceaf4}.footer-brand{color:#92b1c0}footer p{color:#87a4b5}.notice{background:#243332;border-color:#53604b;color:#dfdcae}.empty{color:#a2bdcb}.skeleton{background:linear-gradient(90deg,#1b3f50,#265368,#1b3f50)}dialog{background:#102c3b;color:#e4f5fc;border:1px solid #3b6678;box-shadow:0 30px 100px #00000080}dialog::backdrop{background:#020e18b0}.close-button{background:#244755;color:#b8d7e5}.detail-author,.detail-note,.about-copy p{color:#a3becd}.detail-numbers>div,.detail-chart{background:#173d4d}.detail-numbers span,.chart-labels{color:#9ebdcb}.detail-numbers strong{color:#edfbff}.primary-link{background:#5dd8e5;color:#092735;font-weight:700}.primary-link:hover{background:#8aeaf2}.primary-link small{font-size:9px;font-weight:500;margin-left:5px}.secondary-button{background:#244956;color:#c5e3ef}.detail-actions{flex-wrap:wrap}.launch-inline{font-size:9px;color:#75dde7;white-space:nowrap;margin-left:2px}.launch-inline span{font-size:7px;color:#9ac3d2;margin-left:2px}.launch-inline:hover{color:#d8fbff}.toast{background:#2a6171;color:#f0fbff;border:1px solid #5c8fa0}.skip:focus{background:#153b4b;color:#fff}
@media(max-width:700px){.intro{padding-top:28px}.stat{padding:16px 10px}.stat strong{font-size:25px}.stats{margin-bottom:25px}.launch-inline{font-size:8px}.detail-actions .primary-link{flex-basis:100%}.detail-actions .secondary-button{flex:1;text-align:center}}
@media(max-width:700px){h1{font-size:25px}.stat strong{font-size:23px!important}.stat strong:after{font-size:8px}.intro{padding-top:23px!important}}
@media(max-width:700px){h1{font-size:clamp(21px,6.5vw,25px)}.stat strong{font-size:clamp(18px,5.8vw,23px)!important}.detail-numbers strong{font-size:clamp(16px,5vw,21px)}} dialog h2{overflow-wrap:anywhere}