.pk{height:min(80vh,740px);min-height:480px;box-shadow:var(--neu-lg);touch-action:none;user-select:none;background:#1c212c;border-radius:20px;position:relative;overflow:hidden}#pk-canvas{cursor:grab;width:100%;height:100%;display:block}[hidden]{display:none!important}.pk-view{pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.pk.split .pk-view{height:50%}.pk.split #pk-v1{top:50%}.pk.split #pk-v0{border-bottom:3px solid #11141b}.pk-hud{justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.pk-chip{backdrop-filter:blur(6px);color:var(--head);font-family:var(--fun);background:#171b24b8;border-radius:14px;flex-direction:column;padding:8px 12px;display:flex}.pk-chip small{color:var(--muted);font-size:12px}.pk-count{font:700 1.3rem var(--fun);flex-direction:row}.pk-banner{text-align:center;opacity:0;width:90%;display:grid;position:absolute;top:26%;left:50%;translate:-50%}.pk-banner b{font:700 clamp(1.8rem, 6vw, 3.4rem) var(--fun);color:#fff;text-shadow:0 4px 20px #00000080}.pk-banner span{font:600 1rem var(--fun);color:#fff;text-shadow:0 2px 10px #000000b3}.pk-banner.go{animation:2.4s both pk-banner}@keyframes pk-banner{0%{opacity:0;transform:scale(.6)translateY(20px)}15%{opacity:1;transform:scale(1.08)}25%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-20px)}}.pk-bar{background:#000;height:12%;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.pk-bar.top{top:0;transform:translateY(-100%)}.pk-bar.bottom{bottom:0;transform:translateY(100%)}.pk-view.cine .pk-bar{transform:none}.pk-view:after{content:"";opacity:0;background:radial-gradient(#0000 45%,#0000008c);transition:opacity .5s;position:absolute;inset:0}.pk-view.cine:after{opacity:1}.pk-view.cine .pk-hud{opacity:0}.pk-view:before{content:"";opacity:0;mix-blend-mode:screen;background:radial-gradient(60% 90% at 50% -10%,#fff0aabf,#ffd25a40 45%,#0000 70%),repeating-conic-gradient(at 50% -10%,#ffeca024 0deg 4deg,#0000 4deg 12deg);transition:opacity .6s;position:absolute;inset:0}.pk-view.divine:before{opacity:1;animation:2.4s ease-in-out infinite pk-holy}.pk-view.divine .pk-bar{background:linear-gradient(#000,#2a2208);transform:none}@keyframes pk-holy{50%{filter:brightness(1.35)}}.pk-flash{opacity:0;background:#fff;position:absolute;inset:0}.pk-flash.go{animation:.6s pk-flash}@keyframes pk-flash{30%{opacity:1}}.pk-split{z-index:2;pointer-events:none;background:#11141b;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.pk-split div{background:#ffffff26;border-radius:99px;width:min(260px,50vw);height:8px;position:relative}.pk-split i{border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:left .3s;position:absolute;top:50%;left:0;translate:-50% -50%}.pk-split .p0{background:#ff5fa2}.pk-split .p1{background:#5ee7ff}.pk-tools{z-index:3;gap:8px;display:flex;position:absolute;bottom:10px;left:10px}.pk.split .pk-stage{display:none}.pk-tools .btn{padding:9px 12px;font-size:14px}.pk-joy{pointer-events:none;background:#ffffff26;border:2px solid #ffffff59;border-radius:50%;width:100px;height:100px;margin:-50px 0 0 -50px;position:absolute}.pk-joy span{background:#ffffffb3;border-radius:50%;width:40px;height:40px;position:absolute;top:30px;left:30px}.pk-jumpbtn{background:var(--green);color:#06301d;width:78px;height:78px;font:700 34px var(--fun);z-index:3;border:0;border-radius:50%;position:absolute;bottom:70px;right:18px;box-shadow:0 5px #1f8a5a}.pk-jumpbtn:active{transform:translateY(4px);box-shadow:0 1px #1f8a5a}.pk-panel{z-index:5;background:linear-gradient(#171b241a,#171b2499);place-items:center;display:grid;position:absolute;inset:0}.pk-card{text-align:center;backdrop-filter:blur(10px);background:#171b24e0;border-radius:22px;width:min(520px,100% - 28px);max-height:calc(100% - 24px);padding:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) pk-pop;overflow:auto;box-shadow:0 20px 60px #00000073}.pk-card h2{margin:2px 0 10px;font-size:2rem}.pk-logo{font-size:3.2rem;animation:2.2s ease-in-out infinite pk-float;display:inline-block}@keyframes pk-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}}@keyframes pk-float{50%{transform:translateY(-8px)rotate(-8deg)}}.pk-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pk-mode{text-align:left;cursor:pointer;color:var(--head);background:#262c3a;border:0;border-radius:16px;gap:4px;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px #0d1017}.pk-mode b{font:700 1.05rem var(--fun)}.pk-mode small{color:var(--muted);font-size:12px;line-height:1.3}.pk-mode:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px #0d1017}.pk-mode:disabled{opacity:.45;cursor:not-allowed}.pk-mode.hot{background:var(--brand);animation:2.2s ease-in-out infinite pk-glow;box-shadow:0 4px #3a2a78,0 0 24px #b86cf573}.pk-mode.hot small{color:#ffffffd9}.pk-mode.hot2{background:linear-gradient(135deg,#ff5fa2,#ff8a3d);box-shadow:0 4px #8a2a4f}.pk-mode.hot2 small{color:#ffffffd9}.pk-elo{font:700 1.4rem var(--fun)}.pk-elo.up{color:var(--green)}.pk-elo.down{color:var(--red)}@keyframes pk-glow{50%{box-shadow:0 4px #3a2a78,0 0 36px #ff5fa299}}.pk-join{color:var(--gold);background:#ffcc331f;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:10px;font-weight:600;display:flex}.pk-toph{margin:16px 0 6px;font-size:1rem}.pk-toplist{text-align:left;gap:4px;margin:0;padding:0;list-style:none;display:grid}.pk-toplist li{background:var(--bg-2);border-radius:12px;grid-template-columns:28px 30px 1fr auto;align-items:center;gap:8px;padding:4px 10px;font-size:14px;display:grid}.pk-toplist li.me{outline:2px solid var(--pink)}.pk-toplist li.muted{text-align:center;display:block}.pk-toplist svg{width:30px;height:30px}.pk-toplist em{font-style:normal;font-family:var(--fun);color:var(--gold)}.pk-how{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:14px;font-size:12px;display:flex}.pk-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.pk-spin{border:5px solid #ffffff26;border-top-color:var(--pink);border-radius:50%;width:46px;height:46px;margin:12px auto;animation:.8s linear infinite pk-spin}@keyframes pk-spin{to{transform:rotate(360deg)}}#pk-invite{gap:8px;margin-top:8px;display:flex}#pk-invite input{background:var(--bg-2);min-width:0;color:var(--head);border:0;border-radius:12px;flex:1;padding:10px}@media (width<=640px){.pk{border-radius:14px;height:78vh}.pk-modes{grid-template-columns:1fr}.pk-tools .btn{padding:7px 10px;font-size:13px}}