/* PK Result Tool — Clay Campus design (fully responsive) */
.prt-sky{
  background:linear-gradient(170deg,var(--prt-bg1,#dff3ff) 0%,var(--prt-bg2,#f5f0ff) 100%);
  border-radius:calc(var(--prt-rad,28px) + 4px);
  padding:clamp(50px,7vw,64px) clamp(14px,4vw,30px) clamp(28px,5vw,44px);
  position:relative;overflow:hidden;margin:2em 0;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Manrope',sans-serif;
}
.prt-sky *{box-sizing:border-box;margin:0;padding:0}
.prt-blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.prt-b1{width:clamp(70px,14vw,120px);height:clamp(70px,14vw,120px);background:radial-gradient(circle at 32% 28%,#ffd8a8,#ff9f43);top:-30px;right:-24px;box-shadow:inset -10px -14px 24px rgba(194,90,0,.35);animation:prtF 6s ease-in-out infinite}
.prt-b2{width:clamp(46px,9vw,74px);height:clamp(46px,9vw,74px);background:radial-gradient(circle at 32% 28%,#c8b6ff,#845ef7);bottom:28px;left:-18px;box-shadow:inset -8px -10px 18px rgba(64,29,158,.35);animation:prtF 7s ease-in-out infinite reverse}
@keyframes prtF{50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.prt-blob,.prt-cap{animation:none!important}}

.prt-card{
  position:relative;background:#fff;border-radius:var(--prt-rad,28px);
  padding:clamp(24px,4vw,34px) clamp(16px,4vw,28px) clamp(26px,4vw,36px);
  box-shadow:0 18px 0 #dbe7f5,0 34px 44px -12px rgba(100,130,180,.35);
  max-width:640px;margin:0 auto;
}
.prt-cap{
  width:clamp(60px,10vw,76px);height:clamp(60px,10vw,76px);
  margin:calc(clamp(60px,10vw,76px)*-0.9) auto 12px;
  background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--prt-acc,#1971c2) 55%,#fff),var(--prt-acc,#1971c2));
  border-radius:24px;display:grid;place-items:center;font-size:clamp(28px,5vw,36px);
  box-shadow:0 10px 0 #a5c9ee,0 18px 26px -8px rgba(25,113,194,.5);transform:rotate(-6deg);
}
.prt-title{font-size:clamp(19px,4vw,24px);font-weight:800;text-align:center;color:#1c2f4a;line-height:1.25}
.prt-sub{text-align:center;font-size:clamp(12.5px,2.6vw,14px);font-weight:500;color:#7d8ca3;margin:6px 0 22px}

.prt-fixed{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:#eef8f0;border:3px dashed #b6e2c1;color:#237032;
  border-radius:18px;padding:12px 16px;font-weight:800;font-size:clamp(12.5px,2.8vw,14px);margin-bottom:18px;
}
.prt-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}
.prt-chip{
  font-weight:700;font-size:clamp(12px,2.6vw,13.5px);padding:10px 16px;border-radius:50px;border:none;cursor:pointer;
  background:#eef4fb;color:#5a6c85;box-shadow:0 5px 0 #d8e4f2;transition:.15s;font-family:inherit;
}
.prt-chip:active{transform:translateY(4px);box-shadow:0 1px 0 #d8e4f2}
.prt-chip.on{background:linear-gradient(180deg,color-mix(in srgb,var(--prt-chip,#fab005) 70%,#fff),var(--prt-chip,#fab005));color:#5f3f00;box-shadow:0 5px 0 color-mix(in srgb,var(--prt-chip,#fab005) 60%,#000)}

.prt-lab{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8595ab;margin:0 0 7px 4px}
.prt-sel,.prt-inp{
  width:100%;padding:15px 17px;border-radius:18px;border:3px solid #e3ecf7;background:#f8fbff;
  font-size:16px;font-weight:600;color:#1c2f4a;outline:none;margin-bottom:16px;transition:.2s;
  appearance:none;-webkit-appearance:none;font-family:inherit;
}
.prt-sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231971c2' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.prt-sel:focus,.prt-inp:focus{border-color:var(--prt-acc,#4dabf7);background:#fff}
.prt-inp::placeholder{color:#9aa7ba}

.prt-btn{
  width:100%;padding:17px;border:none;border-radius:20px;font-size:clamp(15px,3.4vw,17px);font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--prt-btn,#2f9e44) 75%,#fff),var(--prt-btn,#2f9e44));
  box-shadow:0 7px 0 var(--prt-btnsh,#237032),0 18px 26px -8px rgba(47,158,68,.45);
  transition:.15s;letter-spacing:.3px;font-family:inherit;
}
.prt-btn:active{transform:translateY(6px);box-shadow:0 1px 0 var(--prt-btnsh,#237032)}
.prt-btn:focus-visible{outline:3px solid var(--prt-acc,#1971c2);outline-offset:3px}

.prt-status{
  display:none;margin-top:16px;background:#fff8e6;border:3px solid #ffe3a3;border-radius:18px;
  padding:14px 16px;color:#7c5b00;font-size:clamp(13px,2.8vw,14px);font-weight:600;line-height:1.65;
}
.prt-status.show{display:block;animation:prtPop .3s ease}
.prt-status.ok{background:#effaf1;border-color:#b6e2c1;color:#1e6b31}
.prt-status.err{background:#fdf0f0;border-color:#f5c6c6;color:#8f2f2f}
@keyframes prtPop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.prt-count{display:flex;gap:clamp(6px,2vw,10px);justify-content:center;margin-top:18px;flex-wrap:wrap}
.prt-cbx{background:#fff;border-radius:16px;padding:10px clamp(8px,2.6vw,14px);text-align:center;box-shadow:0 6px 0 #dbe7f5;min-width:clamp(56px,15vw,68px)}
.prt-cbx b{display:block;font-size:clamp(17px,4vw,21px);font-weight:800;color:var(--prt-acc,#1971c2);font-variant-numeric:tabular-nums}
.prt-cbx span{font-size:9.5px;font-weight:800;letter-spacing:1px;color:#8595ab;text-transform:uppercase}

.prt-foot{margin-top:14px;text-align:center;font-size:clamp(11.5px,2.6vw,12.5px);font-weight:600;color:#8595ab;line-height:1.6}
.prt-content{max-width:640px;margin:1.4em auto 0}

@media (max-width:420px){
  .prt-chips{gap:6px}
  .prt-chip{padding:9px 13px}
  .prt-count .prt-cbx:last-child{display:none} /* hide seconds on very small screens */
}