.dt{--bar: linear-gradient(90deg, #e7a9bd, #b8456f)}.dt small{font-size:.72em;font-weight:600;margin-left:2px;color:var(--muted);font-family:var(--font-body)}.dt .muted{color:var(--muted)}.dt-bar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 20px;margin:18px 0 16px}.dt-tabs button{padding:9px 18px;font-size:.95rem}.dt-tabs button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.dt-pick{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.dt-sel{display:grid;gap:4px;font-size:.8rem;font-weight:600;color:var(--muted);min-width:0}.dt-sel .input{min-height:42px;padding:8px 12px;font-size:.95rem;color:var(--fg);font-weight:500}.dt-sel-round .input{min-width:220px}#dt-reload.spin .ic{animation:dt-spin .8s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.dt-sum>div{padding:14px 18px;border-left:1px solid var(--line);min-width:0}.dt-sum>div:first-child{border-left:0}.dt-sum dt{font-size:.8rem;color:var(--muted);font-weight:600}.dt-sum dd{margin:2px 0 0;font:700 clamp(1.05rem,.9rem + .6vw,1.45rem)/1.25 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dt-view{outline:none;transition:opacity .2s}#dt-view.busy{opacity:.55}.dt-head{margin:34px 0 18px}.dt-head h2{font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem)}.dt-h3{font-size:1.05rem;margin:34px 0 12px}.dt-empty{padding:56px 20px;line-height:1.7;margin-top:18px;max-width:760px;margin-inline:auto;text-wrap:balance}.dt-empty-ic{width:40px;height:40px;color:var(--blush);display:block;margin:0 auto 10px}.pod-score .num,.rk-score .num,.bar-val .num{font-variant-numeric:tabular-nums}.podium{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px}.pod{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;padding:22px 14px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.pod-1{order:2;padding-block:30px 24px;background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%);border-color:var(--line-strong)}.pod-2{order:1}.pod-3{order:3}.podium.short{grid-template-columns:repeat(auto-fit,minmax(0,280px));justify-content:center}.podium.short .pod{order:0}.pod-rank{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.85rem;color:var(--blush-ink);background:var(--blush-soft);border:1px solid var(--line);padding:3px 10px;border-radius:999px}.pod.gold .pod-rank{background:var(--accent);color:var(--accent-ink);border-color:transparent}.pod-face{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--metal);color:#fff;font:800 1.5rem/1 var(--font-display);flex:none}.pod-1 .pod-face,.pod-1 .pod-av .av{width:80px!important;height:80px!important;font-size:1.9rem!important}.pod-name{font-size:1.05rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-score{font:700 clamp(1.2rem,1rem + .8vw,1.6rem)/1.15 var(--font-display);letter-spacing:-.02em;white-space:nowrap}.pod-1 .pod-score{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);color:var(--accent)}.pod-sub{font-size:.82rem;color:var(--muted)}.rank-list{list-style:none;margin:18px 0 0;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.rk{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}.rk:first-child{border-top:0}.rk-no{font-size:.88rem;font-weight:700;color:var(--muted);white-space:nowrap}.rk-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-sub{font-size:.82rem;color:var(--muted);white-space:nowrap}.rk-score{font:700 1rem/1.2 var(--font-display);text-align:right;min-width:9ch;white-space:nowrap}.bars{list-style:none;margin:0;padding:0;display:grid;gap:4px}.bar-row{display:grid;grid-template-columns:74px 150px minmax(0,1fr) 132px 70px;grid-template-areas:"no who track val pct" ". sub sub sub sub";align-items:center;gap:2px 14px;padding:10px 14px;border-radius:14px}.bar-row:nth-child(odd){background:var(--surface)}.bar-row .rk-no{grid-area:no}.bar-who{grid-area:who;display:flex;align-items:center;gap:10px;min-width:0}.bar-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-who .pod-face{font-size:.9rem}.bar-track{grid-area:track;height:14px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:inherit;background:var(--bar);transform-origin:left center}.bar-val{grid-area:val;text-align:right;font:700 1rem/1.2 var(--font-display);white-space:nowrap}.bar-pct{grid-area:pct;text-align:right;font-size:.88rem;color:var(--blush-ink);font-weight:700}.bar-sub{grid-area:sub;font-size:.8rem;color:var(--muted)}.dt-filters{display:grid;grid-template-columns:170px 150px minmax(0,1fr) 150px;gap:10px;align-items:end}.dt-qbox{position:relative;display:block}.dt-qbox .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.dt-qbox .input{padding-left:38px}.dt-result{margin:14px 2px 10px;font-size:.9rem}.dt-result b{font-weight:700}table.t.raw td{vertical-align:middle}table.t.raw .c-at{white-space:nowrap;color:var(--muted);font-size:.86rem;font-family:var(--font-body)}table.t.raw .c-nick{font-weight:600}table.t.raw .c-mem{white-space:nowrap}table.t.raw .c-amt{font-weight:700;font-family:var(--font-display)}table.t.raw .c-chat{color:var(--muted);max-width:36ch}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px}.pager:empty{display:none}@media(prefers-reduced-motion:no-preference){.pod{animation:dt-lift .55s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes dt-lift{0%{transform:translateY(10px)}}.bar-fill{animation:dt-grow .9s var(--ease) both;animation-delay:calc(min(var(--i, 0),12)*40ms)}@keyframes dt-grow{0%{transform:scaleX(0)}}}@media(prefers-reduced-motion:reduce){#dt-reload.spin .ic{animation:none}}@media(max-width:960px){.dt-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.dt-q{grid-column:1 / -1;order:-1}.bar-row{grid-template-columns:64px minmax(0,1fr) auto 64px;grid-template-areas:"no who val pct" "no track track track" "no sub sub sub";gap:6px 12px}}@media(max-width:720px){.dt-filters{gap:8px}.dt-filters select.input{padding-inline:10px;font-size:.9rem}.dt-bar{align-items:stretch}.dt-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.dt-tabs button{padding:9px 6px}.dt-pick{display:grid;grid-template-columns:88px minmax(0,1fr) 42px;width:100%}.dt-sel-round .input{min-width:0}.dt-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-sum>div:nth-child(3){border-left:0}.dt-sum>div:nth-child(n+3){border-top:1px solid var(--line)}.dt-sum>div{padding:12px 14px}.podium{grid-template-columns:1fr 1fr;gap:10px}.pod-1{order:0;grid-column:1 / -1}.pod-2,.pod-3{order:1}.podium.short{grid-template-columns:1fr}.pod{padding:16px 10px 14px}.rk{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"no name score" "no sub score";gap:0 10px;padding:11px 14px}.rk .rk-no{grid-area:no}.rk-name{grid-area:name}.rk-sub{grid-area:sub}.rk-score{grid-area:score;min-width:0}.bar-row{padding:10px;grid-template-columns:54px minmax(0,1fr) auto;grid-template-areas:"no who val" "no track track" "no sub pct"}.bar-pct{align-self:center}.raw-wrap{border:0;background:none;overflow:visible}table.t.raw,table.t.raw tbody{display:block}table.t.raw thead{display:none}table.t.raw tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"nick nick amt" "mem type at" "chat chat chat";gap:4px 12px;padding:12px 14px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px}table.t.raw td{border:0;padding:0}table.t.raw .c-nick{grid-area:nick;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.t.raw .c-amt{grid-area:amt}table.t.raw .c-at{grid-area:at;text-align:right;font-size:.8rem}table.t.raw .c-mem{grid-area:mem;font-size:.84rem;color:var(--muted);align-self:center}table.t.raw .c-type{grid-area:type;align-self:center}table.t.raw .c-type .tag{font-size:.7rem;padding:2px 7px}table.t.raw .c-chat{grid-area:chat;max-width:none;font-size:.86rem}table.t.raw .c-chat:empty{display:none}}@media(max-width:380px){.dt-pick{grid-template-columns:1fr 42px}.dt-pick .dt-sel:first-child{grid-column:1 / -1}}
