/* savaş geçmişi ve oynatıcı */
.bl-hist{text-decoration:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s,transform .15s}
.bl-hist:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.bl-hist:focus-visible{outline:3px solid #A3D8F4;outline-offset:2px}
@media(max-width:560px){.bl-hist{width:40px;padding:0;justify-content:center}.bl-hist span{display:none}}

.rp-ov{position:fixed;inset:0;z-index:9100;background:radial-gradient(120% 70% at 50% 0,#14234f 0,#0a1230 55%,#070d22 100%);color:#e9efff;overflow-y:auto;animation:rpFade .2s ease both}
@keyframes rpFade{from{opacity:0}to{opacity:1}}
.rp-ov.rp-player{overflow:hidden;background:#070d22}
.rp-list{width:min(720px,100%);margin:0 auto;padding:0 14px 50px}
.rp-lh{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:16px 0 14px;background:linear-gradient(180deg,#0c1638 70%,transparent)}
.rp-lh h2{margin:0;font-family:var(--display);font-size:1.5rem}
.rp-lh p{margin:2px 0 0;color:#aebbe6;font-size:.88rem}
.rp-x{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .15s}
.rp-x:hover{background:rgba(255,255,255,.26)}
.rp-items{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.rp-it{--c:#fbbf24;position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);border-left:5px solid var(--c);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03));color:inherit;font:inherit;text-align:left;cursor:pointer;animation:rpItem .4s both;animation-delay:calc(var(--i) * 40ms);transition:transform .15s,background .15s}
@keyframes rpItem{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rp-it:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))}
.rp-it.w{--c:#34d399}.rp-it.l{--c:#f87171}.rp-it.d{--c:#fbbf24}
.rp-rs{flex:none;width:62px;font-weight:900;letter-spacing:.05em;font-size:.74rem;text-transform:uppercase;color:var(--c)}
.rp-av{flex:none;display:grid;place-items:center;width:46px;height:46px}
.rp-av .bt-botimg,.rp-av .bt-bot{width:44px;height:44px;border-radius:50%}
.rp-mn{flex:1;min-width:0;display:grid;gap:1px}
.rp-mn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
.rp-mn small{color:#aebbe6;font-size:.76rem}
.rp-dl{flex:none;display:inline-flex;align-items:center;gap:3px;font-weight:900;font-size:.9rem}
.rp-dl.up{color:#5fe08e}.rp-dl.dn{color:#ff8d8d}
.rp-go{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c);color:#06101f}
.rp-empty{margin:60px 0;text-align:center;color:#aebbe6;line-height:1.6}
.rp-note{margin:16px 0 0;text-align:center;color:#8896c4;font-size:.78rem}
@media(max-width:520px){.rp-rs{width:54px;font-size:.68rem}.rp-it{gap:9px;padding:11px 10px}.rp-dl{display:none}}

.rp-pl{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}
.rp-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.rp-bg .bt-bg{position:absolute;inset:0}
.rp-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,26,.5),rgba(5,9,26,.18) 40%,rgba(5,9,26,.6))}
.rp-top{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,rgba(6,12,32,.85),rgba(6,12,32,.45));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rp-title{min-width:0;display:grid}
.rp-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display)}
.rp-title small{color:#bcc9f0;font-size:.76rem}
.rp-chip{font-style:normal;font-weight:900;padding:1px 8px;border-radius:99px;font-size:.7rem}
.rp-chip.win{background:#16a34a;color:#fff}.rp-chip.loss{background:#dc2626;color:#fff}.rp-chip.draw{background:#d97706;color:#fff}
.rp-arena.bt-arena{position:relative;z-index:2;flex:1;min-height:0;background:none;padding:8px 12px 10px;justify-content:space-evenly;overflow:hidden}
.rp-arena .bt-side{width:min(100%,980px,calc(((100vh - 250px) / 2) / 1.4 * 3 + 330px))}
.rp-arena .bt-slot{position:relative}
.rp-banner{position:fixed;left:50%;top:44%;z-index:6;transform:translate(-50%,-50%);opacity:0;pointer-events:none;font-family:var(--display);font-weight:900;font-size:clamp(1.4rem,6vw,2.4rem);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 24px rgba(90,160,255,.8);white-space:nowrap}
.rp-banner.show{animation:rpBan 1.2s ease both}
@keyframes rpBan{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}
.bt-turn.rp-end{font-family:var(--display);font-weight:900;font-size:1.2rem;padding:4px 18px;border-radius:99px}
.bt-turn.rp-end.w{background:#16a34a;color:#fff}.bt-turn.rp-end.l{background:#dc2626;color:#fff}.bt-turn.rp-end.d{background:#d97706;color:#fff}
.bt-card.rp-in{animation:rpEnter .45s cubic-bezier(.2,1.2,.3,1)}
@keyframes rpEnter{from{opacity:0;transform:translateY(-26px) scale(.6)}to{opacity:1;transform:none}}
.rp-orb{position:fixed;left:0;top:0;z-index:8;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#fff 0,#7cc4ff 45%,transparent 72%);box-shadow:0 0 22px 8px rgba(90,170,255,.8);pointer-events:none;opacity:0}

.rp-ctl{position:relative;z-index:3;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(6,12,32,.92),rgba(6,12,32,.6));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:8px;justify-items:center}
.rp-seek{display:flex;align-items:center;gap:10px;width:min(640px,100%);font-size:.76rem;font-variant-numeric:tabular-nums;color:#bcc9f0}
.rp-range{--p:0%;flex:1;min-width:0;height:6px;-webkit-appearance:none;appearance:none;border-radius:99px;outline:0;cursor:pointer;background:linear-gradient(90deg,#ffd66b var(--p),rgba(255,255,255,.2) var(--p))}
.rp-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ffb02e;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.rp-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #ffb02e}
.rp-btns{display:flex;align-items:center;justify-content:center;gap:14px}
.rp-b{display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:900;font-size:.95rem;cursor:pointer;transition:background .15s,transform .15s}
.rp-b:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.rp-b:active{transform:scale(.94)}
.rp-b:focus-visible{outline:3px solid #A3D8F4;outline-offset:2px}
.rp-b.big{width:64px;height:64px;background:linear-gradient(180deg,#ff5a43,#c01f35)}
.rp-b.big:hover{filter:brightness(1.1)}
.rp-b.sp{border-radius:16px;width:58px;letter-spacing:.04em}
.rp-b.sp.on{background:#ffd66b;color:#2a1700}
@media(max-height:620px){.rp-arena .bt-side{width:min(100%,980px,calc(((100vh - 210px) / 2) / 1.4 * 3 + 330px))}}

.rp-sh{margin-left:auto}

.rp-live{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:2px 10px 2px 8px;margin-right:8px;font:inherit;font-size:.7rem;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.16);color:#d8dcf0;cursor:pointer}
.rp-live i{width:8px;height:8px;border-radius:50%;background:#8a90a8}
.rp-live.at{background:#e11d48;color:#fff}
.rp-live.at i{background:#fff;animation:rpPulse 1.4s ease-in-out infinite}
@keyframes rpPulse{50%{opacity:.35}}
.rp-wc{font-size:.74rem;opacity:.8}
.rp-live:disabled{cursor:default}