.dr-page{max-width:740px;margin:0 auto;padding:22px 20px calc(100px + env(safe-area-inset-bottom));color:var(--text,#e8edf6)}
.dr-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.dr-top button{min-height:44px}.dr-net-link{border:0;background:none;color:var(--accent,#818cf8);font:inherit;font-size:.85rem;cursor:pointer;text-align:right}
.dr-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.04em;color:var(--muted,#96a3b9)}.dr-page h1{font-size:clamp(1.45rem,4.5vw,2rem);letter-spacing:-.035em;margin:8px 0 24px;line-height:1.2}
.dr-own{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,var(--accent,#818cf8) 28%,transparent);border-radius:22px;background:color-mix(in srgb,var(--accent,#818cf8) 8%,var(--surface,#111827));min-height:130px}.dr-trophy{width:52px;height:52px;display:grid;place-items:center;color:var(--accent,#a5b4fc);flex-shrink:0}.dr-trophy svg{width:40px;height:40px}.dr-own-score,.dr-own-place{display:grid;gap:6px}.dr-own-score span,.dr-own-place span{font-size:.8rem;color:var(--muted,#96a3b9)}.dr-own-score strong{font-size:2.75rem;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.dr-own-place{margin-left:auto;text-align:right}.dr-own-place strong{font-size:1.65rem;letter-spacing:-.03em}
.dr-record{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 4px;color:var(--muted,#96a3b9);font-size:.8rem}.dr-record b{color:var(--text,#e8edf6);font-weight:750}.dr-rules{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.75rem;color:var(--muted,#96a3b9);padding:0 4px 24px}.dr-rules b{font-variant-numeric:tabular-nums;margin-left:4px;color:var(--text,#e8edf6)}
.dr-list-head{display:flex;justify-content:space-between;padding:15px 0 12px;border-bottom:1px solid var(--border,#27344b);font-size:.75rem;font-weight:650;color:var(--muted,#96a3b9)}.dr-list{list-style:none;margin:0;padding:0;min-height:72px}.dr-list li{display:flex;gap:12px;align-items:center;min-height:80px;border-bottom:1px solid var(--border,#27344b);padding:12px 4px}.dr-list li.is-me{background:color-mix(in srgb,var(--accent,#818cf8) 6%,transparent)}.dr-place{min-width:28px;color:var(--muted,#96a3b9);font-size:.9rem;font-weight:750;font-variant-numeric:tabular-nums}.dr-player{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;border:0;padding:4px 0;background:none;color:inherit;font:inherit;cursor:pointer;min-height:48px}.dr-player>span:last-child{display:grid;gap:4px;min-width:0}.dr-player strong{font-size:.95rem;overflow-wrap:anywhere;line-height:1.25}.dr-player small{color:var(--muted,#96a3b9);font-size:.74rem}.dr-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:var(--surface2,#1d2940)}.dr-avatar .avatarSvg,.dr-avatar svg{width:100%;height:100%}.dr-score{font-size:1.12rem;font-variant-numeric:tabular-nums;min-width:48px;text-align:right}
.dr-loading,.dr-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:36px 0;min-height:100px;color:var(--muted,#96a3b9);font-size:.9rem}.dr-empty{flex-direction:column}.dr-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:var(--text,#e8edf6);font-size:.85rem}.dr-notice{font-size:.8rem;line-height:1.5;color:var(--muted,#96a3b9);margin:0 0 16px}.dr-more{display:block;min-height:48px;margin:20px auto 0}
.dr-page button:focus-visible{outline:3px solid var(--accent,#818cf8);outline-offset:4px}.dr-page button:disabled{opacity:.6;cursor:default}.dr-player:hover strong,.dr-net-link:hover{text-decoration:underline}
html[data-theme="light"] .dr-page{--text:#1d293d;--muted:#627087;--border:#cbd6e6;--surface:#fff;--surface2:#eaf0f8;--accent:var(--brand)}
@media(max-width:400px){.dr-page{padding-inline:16px}.dr-top{gap:8px}.dr-top .btn{padding-inline:10px;font-size:.82rem}.dr-net-link{font-size:.75rem}.dr-own{padding:20px 16px;gap:12px}.dr-trophy{width:36px}.dr-trophy svg{width:32px;height:32px}.dr-own-score strong{font-size:2.4rem}.dr-own-place strong{font-size:1.4rem}.dr-record,.dr-rules{font-size:.72rem}.dr-list li{gap:8px}.dr-player{gap:9px}.dr-score{min-width:38px}.dr-avatar{width:36px;height:36px}}