html[data-theme] body main.dslb{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html[data-theme] body main.dslb h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.03em!important}
html[data-theme] body main.dslb h2{font-size:23px!important;font-weight:650!important}
html[data-theme] body main.dslb :is(.dslb-hero,.dslb-panel,.dslb-settings){border-radius:16px!important;box-shadow:none!important}
html[data-theme] body main.dslb :is(p,li){font-size:15px!important;line-height:1.6!important;font-weight:400!important}
html[data-theme] body main.dslb .dslb-user{min-width:0}
html[data-theme] body main.dslb :is(.dslb-user>span,.dslb-hero>div,.dslb-grid>*){min-width:0}
html[data-theme] body main.dslb h1{overflow-wrap:anywhere}
html[data-theme] body main.dslb .dslb-user strong{white-space:normal!important}
html[data-theme] body main.dslb .dslb-user strong{overflow-wrap:anywhere;font-size:15px!important;font-weight:600!important}
html[data-theme] body main.dslb .dslb-rank{font-variant-numeric:tabular-nums;font-size:16px!important}
html[data-theme] body main.dslb :is(a,input):focus-visible{outline:2px solid var(--ds-accent)!important;outline-offset:3px}
html[data-theme] body main.dslb .dslb-settings label{min-height:44px;display:flex;align-items:center;gap:10px}
html[data-theme] body main.dslb #dslb-status{overflow-wrap:anywhere;min-height:1.5em}
html[data-theme] body main.dslb .dslb-settings input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--ds-accent)}
html[data-theme] body main.dslb .dslb-settings label{cursor:pointer}
html[data-theme] body main.dslb .dslb-settings label:has(input:disabled){cursor:wait;opacity:.65}
html[data-theme] body main.dslb .dslb-user{min-height:44px;border-radius:8px}
html[data-theme] body main.dslb .dslb-user:focus-visible{outline-offset:-2px}
html[data-theme] body main.dslb .dslb-user:hover strong{text-decoration:underline;text-underline-offset:3px}
html[data-theme] body main.dslb .dslb-points::after{content:" Punkte";display:block;font-size:11px;font-weight:500}
html[data-theme][data-lang="en"] body main.dslb .dslb-points::after{content:" points"}
@media(max-width:850px){
 html[data-theme] body main.dslb .dslb-wrap{padding-inline:12px!important;width:100%;box-sizing:border-box}
 html[data-theme] body main.dslb .dslb-hero{padding:18px!important}
 html[data-theme] body main.dslb .dslb-grid{grid-template-columns:minmax(0,1fr)!important}
 html[data-theme] body main.dslb .dslb-head{display:none!important}
 html[data-theme] body main.dslb .dslb-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:10px!important;padding:14px!important}
 html[data-theme] body main.dslb .dslb-row .dslb-rank{grid-column:1;grid-row:1}
 html[data-theme] body main.dslb .dslb-row .dslb-user{grid-column:2;grid-row:1}
 html[data-theme] body main.dslb .dslb-row .dslb-points{grid-column:3;grid-row:1;font-size:18px!important}
 html[data-theme] body main.dslb .dslb-row .dslb-stat{display:block!important;grid-row:2;font-size:13px!important}
 html[data-theme] body main.dslb .dslb-row .dslb-stat:nth-child(3){grid-column:2}
 html[data-theme] body main.dslb .dslb-row .dslb-stat:nth-child(4){grid-column:3}
}