/* Caedrel vs One Hundred V0.3 - champion picker, result toggle, version label */
.cimg{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;overflow:hidden;background:#1b2140;border:1px solid var(--line);font:800 11px var(--body);color:var(--muted)}
.cimg::before{content:attr(data-ini)}
.cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1)}
.cp{position:relative}
.cp-btn{width:100%;display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.35);border:1px solid var(--line);color:var(--text);padding:7px 12px;border-radius:6px;font:inherit;cursor:pointer;min-height:48px;text-align:left}
.cp-btn:hover,.cp.open .cp-btn{border-color:var(--yellow)}
.cp-cur{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.cp-cur b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-ph{color:var(--muted)}
.cp-caret{color:var(--muted);font-size:12px}
.cp-pop{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--navy2);border:1px solid var(--gold);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.7);padding:8px}
.cp.open .cp-pop{display:block}
.cp-q{margin-bottom:6px}
.cp-lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 2px 4px}
.cp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.cp-chip{background:none;border:0;padding:0;cursor:pointer;border-radius:50%}
.cp-chip .cimg{width:38px;height:38px;flex-basis:38px;transition:.12s}
.cp-chip:hover .cimg{border-color:var(--yellow);transform:scale(1.08)}
.cp-list{max-height:260px;overflow-y:auto}
.cp-it{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:600}
.cp-it:hover,.cp-it.hi{background:rgba(255,201,6,.14)}
.cp-none{padding:10px;color:var(--muted)}
.seg{display:flex;gap:8px;margin:14px 0 6px}
.seg-b{flex:1;cursor:pointer;border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--muted);font:800 14px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:12px;border-radius:6px;transition:.12s}
.seg-b.w.on{background:#13a86b;border-color:#13a86b;color:#fff}
.seg-b.l.on{background:var(--red);border-color:var(--red);color:#fff}
.ver{display:inline-block;margin-top:10px;opacity:.6;letter-spacing:.05em}
/* V0.3.1 champion stats + history portraits */
.cimg.sm{width:24px;height:24px;flex-basis:24px;vertical-align:middle;margin-right:6px;font-size:9px}
i.vs{font-style:normal;color:var(--muted);font-size:11px;margin:0 6px;text-transform:uppercase}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.ch3{font-size:28px;margin-bottom:14px}
.crow{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.crow:last-child{border-bottom:0}
.crow .cimg{width:40px;height:40px;flex-basis:40px}
.cmain{flex:1;min-width:0}
.ctop{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:5px}
.cname{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cval{color:var(--muted);white-space:nowrap}.cval b{color:#fff}
.cbar{height:6px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.cbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--yellow))}
.stat .sic{margin-bottom:8px}.stat .sic .cimg{width:44px;height:44px;flex-basis:44px}
#rClipRow{display:none}.edit-mode #rClipRow{display:block}
.stat b.t{font-size:30px;line-height:1.05;margin-bottom:4px;word-break:break-word}
.stat .sic span.cimg{letter-spacing:0}
/* V0.3.5 streamer mode */
.secret .real{display:none}.secret-wrap.show .secret .real{display:inline}.secret-wrap.show .secret .mask{display:none}
.secret .mask{color:var(--muted);font-style:italic;letter-spacing:.05em}
.lnk{background:none;border:0;color:var(--yellow);cursor:pointer;font:600 12px var(--body);text-decoration:underline;padding:0 2px}
.note-bar{background:rgba(255,201,6,.1);border:1px solid rgba(255,201,6,.4);border-radius:6px;padding:10px 12px;margin-bottom:12px;font-size:13px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rrow.expired{opacity:.5}