.pk-topbar{padding:12px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(118,190,255,0.2);background:linear-gradient(180deg, rgba(118,190,255,0.08), rgba(0,0,0,0));position:sticky;top:0;z-index:10}
.pk-home{text-decoration:none;color:#9cc9ff;font-weight:800}
.pk-title{margin-left:auto;font-weight:800}
.pk-hud{margin-left:16px;opacity:.9}
.pk-stage{position:relative;display:flex;justify-content:center;padding:16px}
canvas#pigekongCanvas{display:block;box-shadow:0 10px 40px #000a;border:1px solid rgba(118,190,255,0.25);background:#0b131d}
.pk-overlay{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 400px at 50% 50%, rgba(6,12,18,.7), rgba(6,12,18,.2));backdrop-filter:blur(4px)}
.pk-card{background:linear-gradient(135deg,#111a26f2,#141e2af2);border:2px solid rgba(77,163,255,.4);padding:18px 18px;border-radius:14px;box-shadow:0 8px 32px #0008,0 0 20px #4da3ff33;color:#e8eff8;min-width:320px;text-align:center}
.pk-card-title{font-size:24px;font-weight:900;margin-bottom:8px}
.pk-card-sub{font-size:13px;opacity:.85;margin-bottom:14px}
.pk-actions{display:flex;gap:10px;justify-content:center}
.pk-btn{appearance:none;border:1px solid rgba(118,190,255,0.35);background:#0e1a28;color:#e8eff8;padding:8px 14px;border-radius:10px;font-weight:800;cursor:pointer}
.pk-btn.pri{background:#1a3a5a;border-color:#76beff}
.pk-btn:hover{filter:brightness(1.1)}

/* In-canvas sprite helpers (colors) */
.pk-legend{position:absolute;right:22px;top:90px;font-size:12px;color:#cfe7ff;opacity:.8}