.pk-page main{max-width:980px}
.pk-wrap{position:relative;margin:auto;background:#0d0820;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #3b0a6a55;user-select:none;-webkit-user-select:none;touch-action:none}
.pk-wrap canvas{display:block;width:100%;height:auto;border-radius:0;background:#0d0820}
.pk-wrap:fullscreen{display:flex;align-items:center;justify-content:center;border-radius:0;background:#000}.pk-wrap:fullscreen canvas{max-height:100vh;width:auto;max-width:100vw}
.pk-top{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:4}
.pk-btn{width:38px;height:38px;border-radius:50%;border:2px solid #ffffff55;background:#00000066;color:#fff;font-size:1.05rem;cursor:pointer;padding:0;backdrop-filter:blur(4px)}
.pk-ov{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(#2a0f5ccc,#0d0820ee);z-index:6;padding:10px;overflow:auto}.pk-ov.on{display:flex}
.pk-card{background:linear-gradient(160deg,#3b0a8a,#1c0b3d);border:2px solid #ffd84d88;border-radius:18px;padding:16px 18px;color:#fff;text-align:center;width:min(340px,94%);box-shadow:0 0 40px #b13cff55;animation:pkpop .25s ease}
@keyframes pkpop{from{transform:scale(.85);opacity:0}}
.pk-card h2{margin:4px 0 10px;background:linear-gradient(90deg,#fff,#ffd84d);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.5rem}
.pk-card p{margin:6px 0;color:#e6dcff}.pk-score{font-size:2.4rem;font-weight:900;color:#ffd84d!important}
.pk-big,.pk-sec{display:block;width:100%;margin:8px 0 0;border:0;border-radius:12px;padding:12px;font-weight:900;font-size:1.05rem;cursor:pointer}
.pk-big{background:linear-gradient(180deg,#ffe066,#ffb800);color:#3b0a6a;box-shadow:0 4px 0 #b37a00}.pk-big:active{transform:translateY(3px);box-shadow:0 1px 0 #b37a00}
.pk-sec{background:#ffffff1f;color:#fff}
.pk-name{width:100%;padding:10px;border-radius:10px;border:2px solid #ffd84d;font-size:1.1rem;text-align:center;margin-top:6px}
.pk-lb{text-align:left;padding:0;margin:0;list-style:none;counter-reset:r;max-height:300px;overflow:auto}
.pk-lb li{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;counter-increment:r}.pk-lb li:nth-child(odd){background:#ffffff12}
.pk-lb li:before{content:counter(r)".";width:24px;color:#ffd84d;font-weight:900}.pk-lb li span{flex:1;font-weight:700}.pk-lb li small{color:#bfaee8}.pk-lb li b{color:#ffd84d}.pk-lb li.me{background:#ffd84d33;outline:1px solid #ffd84d}
.pk-empty{opacity:.8}
.pk-touch{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:10px;pointer-events:none;z-index:3}
.pk-touch .grp{display:flex;gap:10px;pointer-events:auto}
.pk-tb{width:64px;height:64px;border-radius:50%;border:2px solid #ffffff66;background:#ffffff26;color:#fff;font-size:1.6rem;font-weight:900;touch-action:none;backdrop-filter:blur(3px)}.pk-tb.on{background:#ffd84d88}
.pk-hero{background:linear-gradient(135deg,#2a0b63,#7c2bd9 60%,#d6339b);color:#fff;border-radius:20px;padding:14px;margin:10px 0}
.pk-hero h2{margin:2px 4px 10px;font-size:1.3rem}.pk-hero h2 span{background:#ffd84d;color:#3b0a6a;border-radius:8px;padding:1px 8px;font-size:.8rem;margin-left:6px;vertical-align:middle}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pk-card2{display:block;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#1c0b3d;box-shadow:0 6px 18px #0005;transition:transform .15s}.pk-card2:hover{transform:translateY(-4px) scale(1.03)}
.pk-card2 canvas,.pk-card2 .th{display:block;width:100%;aspect-ratio:16/10;border-radius:0}
.pk-card2 b{display:block;padding:8px 10px 0}.pk-card2 small{display:block;padding:2px 10px 10px;color:#d6c7ff;font-size:.78rem}
.pk-howto{line-height:1.65}
#game canvas[height="540"]{max-height:calc(100vh - 90px);width:auto;max-width:100%;margin:auto}
@media(max-width:700px){.pk-tb{width:52px;height:52px;font-size:1.3rem}}