.ppsec{margin-top:16px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.12))}
.ppwrap{display:block}
.ppload{padding:14px;color:var(--mute,#97A1AF);text-align:center}
.pphero{display:flex;flex-direction:column;gap:10px}
.pplv{display:flex;align-items:center;gap:12px}
.pplvn{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#2b6cff,#0b2a7a);border:2px solid #00E5FF;box-shadow:0 0 18px rgba(0,229,255,.35)}
.pplvn b{font-size:22px;line-height:1;color:#fff}.pplvn small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#bfe9ff}
.pplvb{flex:1 1 auto;min-width:0}.pplvb small{display:block;color:var(--mute,#97A1AF);font-size:12px;margin-top:4px}
.pplvt{height:12px;border-radius:99px;background:#0e1115;border:1px solid var(--line,#232a33);overflow:hidden}
.pplvt i{display:block;height:100%;background:linear-gradient(90deg,#1E5BFF,#00E5FF,#ffd23f);border-radius:99px}
html[dir=rtl] .pplvt i{margin-inline-start:auto}
.ppfol{display:flex;gap:8px}
.ppfb{flex:1 1 0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;border:1px solid var(--line,#232a33);background:var(--bg3,#1c222b);color:var(--text,#EEF2F7);cursor:pointer;font:inherit;padding:6px 10px}
.ppfb b{font-size:18px}.ppfb small{font-size:12px;color:var(--mute,#97A1AF)}.ppfb:disabled{opacity:.6;cursor:default}
.ppgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:8px 0}
.ppc{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px;border-radius:14px;background:linear-gradient(160deg,rgba(30,91,255,.18),rgba(0,229,255,.05)),var(--bg3,#1c222b);border:1px solid var(--line,#232a33)}
.ppc i{font-style:normal;font-size:18px}.ppc b{font-size:19px;line-height:1.15;overflow-wrap:anywhere}.ppc b small{font-size:12px;color:var(--mute,#97A1AF)}
.ppc span{font-size:12px;color:var(--mute,#97A1AF)}.ppc>small{font-size:11px;color:#8fd8ff}
.ppgames{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ppgame{border-radius:16px;padding:12px;background:var(--bg3,#1c222b);border:1px solid var(--line,#232a33);min-width:0}
.ppgh{display:flex;align-items:center;gap:10px}.ppgh img,.ppgi{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:22px;background:#0e1115}
.ppgh>div{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ppgh b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppgh small{font-size:12px;color:var(--mute,#97A1AF)}
.ppbest{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;padding:4px 8px;border-radius:10px;background:rgba(255,210,63,.12);border:1px solid rgba(255,210,63,.45);color:#ffd23f;max-width:46%}
.ppbest small{font-size:10px;color:#ffe48a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ppbest b{font-size:15px}
html[dir=rtl] .ppbest{align-items:flex-start}
.ppwl{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}.ppwl span{font-size:12px;padding:3px 8px;border-radius:99px;background:#0e1115;border:1px solid var(--line,#232a33)}
.ppwl .w{color:#5df59a;border-color:rgba(93,245,154,.35)}.ppwl .l{color:#ff8a8a;border-color:rgba(255,138,138,.35)}
.ppdl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:6px 0 0}.ppdl div{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;border-bottom:1px dashed rgba(255,255,255,.08);padding:3px 0;min-width:0}
.ppdl dt{color:var(--mute,#97A1AF);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppdl dd{margin:0;font-weight:700}
.ppres{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:#0e1115}.ppres.win{color:#5df59a}.ppres.loss{color:#ff8a8a}.ppres.draw,.ppres.end{color:#ffd23f}
.ppprv label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin:6px 0}
.ppprv select{min-height:40px;border-radius:10px;border:1px solid var(--line,#232a33);background:#0e1115;color:var(--text,#EEF2F7);padding:6px 10px;font:inherit}
.pptog{flex-direction:row!important;align-items:flex-start;gap:10px!important;cursor:pointer}.pptog input{width:22px;height:22px;flex:0 0 auto;margin-top:2px;accent-color:#00E5FF}
.pptog span{display:flex;flex-direction:column}.pptog small{color:var(--mute,#97A1AF);font-size:12px}
.ppdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#59616d;margin-inline-end:6px;vertical-align:middle;flex:0 0 auto}
.ppdot.on{background:#2ee66b;box-shadow:0 0 8px rgba(46,230,107,.8)}
.ppst{font-size:12px;color:var(--mute,#97A1AF)}.ppst.on{color:#5df59a;font-weight:700}
p.ppst{margin:4px 0 0}
.pphon,.pphoff{display:flex;align-items:center;gap:6px}.pphon small,.pphoff small{font-size:12px;color:var(--mute,#97A1AF)}
.fl li.pprow .fn{cursor:pointer;display:flex;align-items:center}
.ppsheet{position:fixed;inset:0;z-index:2147480000;background:rgba(6,8,12,.72);display:flex;align-items:flex-end;justify-content:center;padding:0}
.ppsc{position:relative;width:100%;max-width:640px;max-height:min(92vh,92dvh);overflow:auto;background:var(--bg2,#161a20);color:var(--text,#EEF2F7);border:1px solid var(--line,#232a33);border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.5);font-family:var(--font,system-ui,sans-serif)}
@media (min-width:720px),(orientation:landscape) and (min-height:300px){.ppsheet{align-items:center;padding:12px}.ppsc{border-radius:20px}}
.ppx{position:sticky;top:0;float:right;width:44px;height:44px;border-radius:12px;border:1px solid var(--line,#232a33);background:var(--bg3,#1c222b);color:inherit;font-size:18px;cursor:pointer;z-index:2}
html[dir=rtl] .ppx,.ppsheet[dir=rtl] .ppx{float:left}
.ppsb h2{margin:4px 0;font-size:22px}.ppsb h3{margin:14px 0 6px;font-size:16px}
.pphead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-inline-end:48px}
.pphead canvas.ppav{width:96px;height:96px;border-radius:18px;background:radial-gradient(circle at 50% 30%,#22324f,#0e1115)}
.ppini{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1E5BFF,#00E5FF);color:#fff;font-weight:800;font-size:18px;flex:0 0 auto}
.pphead .ppini{width:96px;height:96px;border-radius:18px;font-size:40px}
.ppfl li canvas.ppav{width:44px;height:44px;border-radius:12px;background:#0e1115;flex:0 0 auto}
.pplink{cursor:pointer}
.pptag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#0e1115;border:1px solid var(--line,#232a33);color:#bfe9ff;margin:2px 4px 2px 0}
.pptag.f{color:#5df59a;border-color:rgba(93,245,154,.35)}
.pptags{display:flex;flex-wrap:wrap}
.ppact{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.ppact>.btn{align-self:flex-start;min-height:44px;min-width:120px}
.pptabs{display:flex;gap:6px;margin:8px 0}.pptabs button{flex:1 1 0;min-height:42px;border-radius:12px;border:1px solid var(--line,#232a33);background:var(--bg3,#1c222b);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.pptabs button.on{background:#1E5BFF;border-color:#1E5BFF;color:#fff}
.ppmore{margin-top:10px}
.pprep{margin-top:16px;font-size:13px}.pprep summary{cursor:pointer;color:var(--mute,#97A1AF);min-height:32px;display:flex;align-items:center}
.pprep form{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pprep select{min-height:38px;border-radius:10px;background:#0e1115;color:inherit;border:1px solid var(--line,#232a33);padding:4px 8px}
.ppmuted{padding:14px;border-radius:12px;background:#0e1115;border:1px dashed var(--line,#232a33)}
@media (max-width:420px){.ppgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ppgames{grid-template-columns:1fr}.ppdl{grid-template-columns:1fr}}