:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f7fb;background:#090b10;font-synthesis:none;text-rendering:optimizeLegibility;--panel: #11141b;--panel-hover: #161a23;--line: #262b36;--muted: #8e96a8;--accent: #ff4d5e;--accent-soft: rgba(255, 77, 94, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -10%,rgba(255,77,94,.12),transparent 28rem),#090b10}button,a{font:inherit}a{color:inherit}.site-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand-mark{padding:5px 7px;border:1px solid #fff;font-size:.77rem;letter-spacing:.02em}.data-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.09em}.status-dot{width:8px;height:8px;border-radius:50%;background:#667085}.status-dot.is-online{background:#43d17b;box-shadow:0 0 0 4px #43d17b1a}.status-dot.is-offline{background:#f1a64a}.hero{padding:92px 0 86px;max-width:850px}.eyebrow{margin:0 0 15px;color:var(--accent);font-size:.73rem;font-weight:900;letter-spacing:.16em}.hero h1,.character-hero h1,.error-panel h1{margin:0;font-size:clamp(2.7rem,7vw,5.9rem);line-height:.98;letter-spacing:-.055em}.hero-copy{margin:30px 0 0;max-width:680px;color:#aeb5c4;font-size:clamp(.98rem,2vw,1.15rem);line-height:1.9}.directory,.streamer-section{padding:0 0 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading.compact{align-items:end;padding-top:14px}.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em}.data-note{max-width:460px;margin:0;color:var(--muted);font-size:.8rem;line-height:1.6;text-align:right}.loading-panel,.error-panel{margin:36px 0 80px;padding:36px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.error-panel h1{max-width:850px;color:#fff;font-size:clamp(2rem,5vw,4rem)}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.character-card{min-height:270px;padding:22px;display:flex;flex-direction:column;color:inherit;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;transition:background .16s ease,transform .16s ease}.character-card:hover{background:var(--panel-hover);transform:translateY(-2px)}.card-topline{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.character-index{color:#5e6677;font-size:.68rem;font-weight:900;letter-spacing:.14em}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid rgba(255,77,94,.4);color:#ff7a87;background:var(--accent-soft);font-size:.65rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.character-name{margin-top:28px;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:900;letter-spacing:-.045em}.character-stats,.page-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:auto 0 20px}.character-stats div,.page-stats div{margin:0}.character-stats dt,.page-stats dt{margin-bottom:4px;color:var(--muted);font-size:.63rem;font-weight:800;letter-spacing:.09em}.character-stats dd,.page-stats dd{margin:0;font-size:1.05rem;font-weight:800}.card-action,.streamer-action{width:100%;padding:11px 0 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#9aa3b5;font-size:.8rem;font-weight:700}.character-hero{padding:52px 0 72px}.character-hero h1{margin-top:8px}.back-link{display:inline-block;margin-bottom:52px;color:var(--muted);font-size:.82rem;font-weight:700;text-decoration:none}.back-link:hover{color:#fff}.page-stats{width:min(620px,100%);grid-template-columns:repeat(3,1fr);margin:42px 0 0;padding-top:20px;border-top:1px solid var(--line)}.page-stats dd{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.streamer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.streamer-card{min-height:255px;padding:20px;display:flex;flex-direction:column;color:inherit;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;transition:background .16s ease,transform .16s ease}.streamer-card:hover{background:var(--panel-hover);transform:translateY(-2px)}.streamer-card.is-live{background:linear-gradient(180deg,rgba(255,77,94,.09),transparent 55%),var(--panel)}.streamer-head{display:flex;align-items:center;gap:13px}.streamer-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;background:#1d222d}.avatar-fallback{display:grid;place-items:center;color:#7f889a;font-weight:900}.streamer-identity{min-width:0}.streamer-identity strong{overflow:hidden;display:block;color:#fff;text-overflow:ellipsis;white-space:nowrap}.streamer-identity>span{color:var(--muted);font-size:.72rem}.streamer-name-row{display:flex;align-items:center;gap:8px}.streamer-name-row strong{min-width:0}.character-chips{min-height:52px;margin:22px 0 16px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:6px}.character-chip{padding:5px 7px;color:#aab1bf;background:#181c25;border:1px solid var(--line);font-size:.68rem;font-weight:700}.character-chip.is-primary{color:#fff;border-color:#525a6a}.live-title{margin-bottom:18px;overflow:hidden;display:-webkit-box;color:#cfd4df;font-size:.8rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.activity-line{margin-bottom:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}.activity-line strong{color:#fff;font-size:1rem}.streamer-action{margin-top:auto}footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#626a7a;font-size:.72rem}@media(max-width:900px){.character-grid,.streamer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.section-heading.compact{align-items:flex-start;flex-direction:column}.data-note{text-align:left}}@media(max-width:560px){.site-shell{width:min(100% - 24px,1180px)}.topbar{min-height:64px}.data-status{font-size:0}.hero{padding:62px 0 58px}.hero h1,.character-hero h1{font-size:clamp(2.55rem,14vw,4rem)}.character-grid,.streamer-grid{grid-template-columns:1fr}.character-card{min-height:230px}.page-stats{gap:6px}.page-stats dd{font-size:1.8rem}.back-link{margin-bottom:36px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}