@media screen{html[data-sa-ui-theme="light"] .ranking-hub-page {
    --rh-text: hsl(210 80% 28%);
    --rh-muted: hsl(210 58% 28%);
    background: radial-gradient(circle at 13% 8%, hsla(207,40%,96%,0.22), transparent 28%),
            radial-gradient(circle at 83% 18%, hsla(168,40%,96%,0.14), transparent 26%),
            linear-gradient(138deg, hsl(214 28% 92%) 0%, hsl(211 28% 92%) 48%, hsl(213 28% 92%) 100%)
}
html[data-sa-ui-theme="light"] .ranking-hub-page::after {
    border: 1px solid hsl(203 58% 38%);
    box-shadow: 0 0 0 56px rgba(20,45,70,0.025), 0 0 0 112px rgba(20,45,70,0.02)
}
html[data-sa-ui-theme="light"] .ranking-hub-title {
    color: #19344d
}
html[data-sa-ui-theme="light"] .ranking-system-card {
    --rh-bg: linear-gradient(135deg, hsl(210 28% 92%), hsl(210 28% 92%) 55%, hsl(213 28% 92%));
    border: 1px solid #708297;
    color: #19344d;
    box-shadow: 0 22px 52px rgba(20,45,70,0.14), inset 0 1px 0 rgba(20,45,70,0.1)
}
html[data-sa-ui-theme="light"] .ranking-system-card:nth-child(3n+2) {
    --rh-bg: linear-gradient(135deg, hsl(189 28% 97%), hsl(198 28% 92%) 50%, hsl(212 28% 92%))
}
html[data-sa-ui-theme="light"] .ranking-system-card:nth-child(3n+3) {
    --rh-bg: linear-gradient(135deg, hsl(290 25% 97%), hsl(265 28% 97%) 52%, hsl(218 28% 97%))
}
html[data-sa-ui-theme="light"] .ranking-system-card::after {
    background: linear-gradient(to top, hsl(212 28% 92%) 0%, hsl(211 28% 92%) 42%, hsla(211,40%,96%,0.24) 100%),
            linear-gradient(135deg, hsla(204,40%,96%,0.2), transparent 55%)
}
html[data-sa-ui-theme="light"] .ranking-system-card:hover,html[data-sa-ui-theme="light"] .ranking-system-card:focus-visible {
    border-color: hsl(199 58% 38%);
    box-shadow: 0 28px 64px rgba(20,45,70,0.14), 0 0 0 1px rgba(20,45,70,0.12)
}
html[data-sa-ui-theme="light"] .ranking-system-motion {
    border: 1px solid hsl(198 58% 38%);
    color: hsl(199 80% 28%);
    background: hsla(207,40%,96%,0.52);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.08)
}
html[data-sa-ui-theme="light"] .ranking-system-title {
    color: #19344d
}
html[data-sa-ui-theme="light"] .ranking-system-open {
    border-top: 1px solid #708297;
    color: hsl(201 80% 28%)
}
html[data-sa-ui-theme="light"] .ranking-hub-empty {
    border: 1px dashed #708297;
    background: rgba(35,75,110,0.060)
}}