/* Histórico y registros reales: un rastro de sangre discreto, sin cubrir el escenario. */
.nwo-stats-panel { --stats-aura:#cfad79; min-width:0; color:#b9b6ac; font-family:"IBM Plex Mono",monospace; }
.nwo-stats-counts { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.nwo-stats-count { display:grid; gap:4px; min-width:0; }
.nwo-stats-count b { color:#d5c4a5; font-weight:500; font-size:19px; line-height:1; }
.nwo-stats-count span { color:#9b9e9b; font-size:9px; line-height:1.5; letter-spacing:.04em; }
.nwo-stats-count-plays>span { color:#dc8c84; }
.nwo-stats-count-wins>span { color:#8fcaa3; }
.nwo-stats-room { display:block; }
.cat-cassette>.nwo-stats-room { padding:0 14px 12px; }
.nwo-stats-room .nwo-stats-counts { gap:14px; }
.nwo-stats-room .nwo-stats-count b { font-size:13px; }
.nwo-stats-room .nwo-stats-count span { font-size:7px; }
.nwo-stats-room .nwo-stats-note { margin-top:5px;font-size:7px; }
.nwo-stats-coming { color:#8d938d;font:7px/1.5 "IBM Plex Mono",monospace; }
.nwo-stats-note { color:#788281; font:8px/1.6 "IBM Plex Mono",monospace; max-width:560px; margin:9px 0 0; }
.nwo-stats-signal { position:relative; isolation:isolate; width:fit-content; max-width:100%; margin-top:14px; border:1px solid #70423877; border-radius:16px 20px 19px 7px; background:linear-gradient(151deg,#281516c9,#0a1015f0 73%); box-shadow:inset 0 1px #b7654521,0 4px 24px #14070944; }
.nwo-stats-blood { position:absolute; z-index:-1; left:16px; top:calc(100% - 3px); width:2px; height:8px; border-radius:0 0 8px 8px; background:linear-gradient(#653123,#341411); opacity:.65; animation:nwo-stats-drip 12s ease-in-out infinite alternate; }
.nwo-stats-blood::after { content:""; position:absolute; width:3px; height:5px; border-radius:50%; bottom:-1px; left:-.5px; background:#5f2f26; box-shadow:0 0 4px #411913; }
.nwo-stats-profile { display:flex; align-items:center; gap:10px; padding:10px 13px; min-width:0; text-decoration:none; color:inherit; border-radius:inherit; animation:nwo-stats-appear .45s ease-out; }
.nwo-stats-profile:focus-visible { outline:2px solid var(--stats-aura); outline-offset:4px; }
.nwo-stats-profile .avatar-portrait { flex-shrink:0; filter:drop-shadow(0 0 6px #c89b4826); }
.nwo-stats-identity { display:grid; gap:4px; min-width:0; }
.nwo-stats-identity b { color:#d0b995; font:500 11px/1.2 "IBM Plex Mono",monospace; overflow-wrap:anywhere; }
.nwo-stats-identity>span { color:#977f69; font-size:8px; line-height:1.2; }
.nwo-stats-score { color:#ad8971; font-size:10px; white-space:nowrap; margin-left:9px; }
.nwo-stats-empty { margin:0; padding:8px 11px; color:#95867c; font-size:8px; line-height:1.6; }
.nwo-stats-gate { width:fit-content; max-width:100%; }
.nwo-stats-gate .nwo-stats-profile { padding:7px 10px; gap:7px; }
.nwo-stats-gate .nwo-stats-identity b { font-size:9px; }
.nwo-stats-gate .nwo-stats-score { font-size:8px; }
.nwo-stats-gate .nwo-stats-note { max-width:330px; font-size:7px; opacity:.8; }
.nwo-stats-catalog { position:relative; margin:24px auto; padding:clamp(20px,3vw,36px); border:1px solid #7d644522; background:radial-gradient(ellipse at 72% 70%,#492c1623,transparent 65%),#080e14d9; border-radius:14px; }
.nwo-stats-catalog .nwo-stats-counts { gap:clamp(18px,4vw,54px); }
.nwo-stats-catalog .nwo-stats-count b { font-size:25px; }
.nwo-stats-catalog .nwo-stats-signal { margin-top:19px; }
.nwo-stats-tower { max-width:660px; margin:38px auto 0; text-align:center; }
.nwo-stats-eyebrow { color:#a7916b; font:9px/1.6 "IBM Plex Mono",monospace; letter-spacing:.15em; margin:0 0 10px; }
.nwo-stats-tower h3 { margin:0 0 25px; color:#ded3be; font:600 clamp(29px,4vw,43px)/1.05 "Big Shoulders Display",sans-serif; }
.nwo-stats-pyramid { display:flex; flex-direction:column; align-items:center; list-style:none; margin:0; padding:0; gap:6px; }
.nwo-stats-rank { width:var(--rank-width); max-width:100%; box-sizing:border-box; min-height:62px; display:flex; flex-direction:column; justify-content:center; gap:6px; border:1px solid #68573d33; border-radius:3px; background:linear-gradient(90deg,transparent,#1b1b2077,transparent); padding:12px 20px; }
.nwo-stats-rank b { font-size:10px; font-weight:400; color:#787c7b; }
.nwo-stats-rank span { font-size:8px; color:#596564; }
.nwo-stats-rank-open { border-color:#ba915350; background:linear-gradient(90deg,#241c1033,#392b1680,#241c1033); box-shadow:0 0 28px #b5884012,inset 0 1px #b99a6322; }
.nwo-stats-rank-open b { color:#d0b582; }
.nwo-stats-rank-open span { color:#a38e6c; }
.nwo-stats-rank-locked { opacity:.72; }
.nwo-stats-rank-note { margin:17px auto 0; max-width:470px; color:#818b88; font:9px/1.8 "IBM Plex Mono",monospace; text-wrap:balance; }
.nwo-stats-tower blockquote { color:#b49c76; font:400 12px/1.9 "IBM Plex Mono",monospace; margin:26px 0 0; text-wrap:balance; }
.nwo-stats-paused *, .nwo-stats-gentle * { animation-play-state:paused!important; }
html.reduce .nwo-stats-panel * { animation:none!important; }
@keyframes nwo-stats-drip { to{height:15px;opacity:.35} }
@keyframes nwo-stats-appear { from{opacity:.25;translate:0 2px} to{opacity:1;translate:0 0} }
@media (max-width:520px) { .nwo-stats-counts{gap:16px}.nwo-stats-count b{font-size:17px}.nwo-stats-count span{font-size:8px}.nwo-stats-catalog .nwo-stats-count b{font-size:20px}.nwo-stats-rank{padding:12px 7px}.nwo-stats-rank b{font-size:9px}.nwo-stats-rank span{font-size:7px}.nwo-stats-catalog{padding:20px 14px}.nwo-stats-tower blockquote{font-size:10px} }
@media (prefers-reduced-motion:reduce) { .nwo-stats-panel * { animation:none!important; } }
