.solo-hall { margin:0 0 28px; border:1px solid #c4b5fd35; border-radius:14px; overflow:hidden; background:#0c1521; scroll-margin-top:95px; }
.solo-jumps { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.solo-kindojan .solo-banner { background:radial-gradient(ellipse at 85% 20%,#2dd4bf24,transparent 60%),linear-gradient(120deg,#0b1722,#172c37); }
.solo-kindojan .solo-banner .solo-nemesis { color:#5eead4; }
.solo-banner { min-height:265px; display:flex; align-items:center; padding:34px; background:linear-gradient(90deg,#090e1be8,#090e1b9c 46%,#090e1b15),url('solo-aztarec.webp') center/cover; }
.solo-banner-copy { max-width:600px; }
.solo-banner .eyebrow { color:#d8c29d; font-size:9px; letter-spacing:.17em; }
.solo-banner h2 { margin:12px 0 6px; color:#f1f5f9; font-size:clamp(27px,3.6vw,43px); line-height:1.1; letter-spacing:-.04em; }
.solo-banner .solo-nemesis { color:#c4b5fd; font-size:21px; font-weight:650; margin:0 0 15px; }
.solo-banner p { color:#b5c0d3; font-size:13px; line-height:1.7; }
.solo-banner a { display:inline-block; font-size:11px; color:#e3c896; margin-top:8px; border-bottom:1px solid #e3c89655; padding-bottom:5px; }
.solo-content { padding:27px 30px 18px; }
.solo-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.solo-heading h3 { color:#f1f5f9; font-size:18px; letter-spacing:-.025em; margin:0 0 9px; }
.solo-heading p { color:#94a3b8; font-size:11px; line-height:1.7; margin:0; }
.solo-search-label { color:#94a3b8; font-size:10px; min-width:230px; }
.solo-search-label .input { width:100%; margin:6px 0 0; font-size:12px; border-radius:6px; }
.solo-account-note { color:#a4afc4; font-size:11px; line-height:1.8; border-left:2px solid #c4b5fd55; padding-left:12px; margin:22px 0; max-width:940px; }
.solo-characters { display:grid; grid-template-columns:1fr; gap:10px; }
.solo-rank { flex:0 0 38px; color:#94a3b8; font-size:15px; font-weight:750; font-variant-numeric:tabular-nums; }
.solo-podium { border-color:#d4ad7438; background:#d4ad7408; }
.solo-podium .solo-rank { color:#efc88e; }
.solo-character { display:flex; align-items:center; gap:11px; padding:13px; border:1px solid #ffffff0d; border-radius:8px; background:#ffffff02; min-width:0; }
.solo-character:hover { background:#c4b5fd09; border-color:#c4b5fd40; }
.solo-character:focus-visible,.solo-banner a:focus-visible { outline:2px solid #c4b5fd; outline-offset:3px; }
.solo-avatar { display:grid; place-items:center; width:37px; height:37px; flex-shrink:0; border:1px solid #ffffff1a; background:#020617; border-radius:7px; overflow:hidden; font-weight:750; }
.solo-avatar img { width:100%; height:100%; object-fit:cover; }
.solo-identity { min-width:0; flex:1; }
.solo-identity strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.solo-identity small { display:block; color:#94a3b8; font-size:9px; margin-top:4px; line-height:1.5; }
.solo-earned { text-align:right; flex-shrink:0; }
.solo-earned b { color:#c4b5fd; font-size:15px; }
.solo-earned small { display:block; margin-top:4px; color:#94a3b8; font-size:9px; }
.solo-empty { grid-column:1/-1; color:#94a3b8; font-size:13px; line-height:1.8; padding:12px 0; }
.solo-art-credit { color:#7c8a9f; font-size:9px; margin:20px 0 0; }
@media(max-width:450px) { .solo-character { flex-wrap:wrap; gap:9px; } .solo-earned { flex-basis:100%; display:flex; align-items:center; justify-content:flex-end; gap:8px; } .solo-earned small { margin:0; } }
@media(max-width:650px) { .solo-banner { padding:25px 22px; min-height:270px; background-position:60% center; } .solo-content { padding:22px 18px 18px; } .solo-heading { display:block; } .solo-search-label { display:block; margin-top:16px; } .solo-characters { grid-template-columns:1fr; } }