.pcx-sec{max-width:980px;margin:0 auto;padding:40px 16px}
.pcx-ballwrap{display:flex;justify-content:center;margin:10px 0 18px}
.pcx-ball{width:min(240px,62vw);aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;position:relative;background:radial-gradient(circle at 32% 28%,#5a4a6a 0,#1a0a26 28%,#05000a 70%);box-shadow:0 0 0 4px #c9c9d6,0 0 30px rgba(255,43,214,.55),inset -14px -18px 40px rgba(0,0,0,.8)}
.pcx-eight{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;background:#f4f0ff;color:#0b0014;font:700 clamp(15px,4vw,24px)/1 Fredoka,sans-serif;display:grid;place-items:center;transition:opacity .3s}
.pcx-win{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#160040,#05000a);border:3px solid #8a2be2;display:grid;place-items:center;box-shadow:inset 0 0 18px #00f0ff}
.pcx-tri{max-width:86%;color:#00f0ff;font:700 clamp(11px,2.6vw,15px)/1.2 Fredoka,sans-serif;text-align:center;text-shadow:0 0 8px #00f0ff;transition:opacity .4s}
.pcx-tri.fade{opacity:0}
.pcx-ball.shake{animation:pcxshake .7s}
@keyframes pcxshake{0%,100%{transform:none}20%{transform:translate(-8px,4px) rotate(-6deg)}40%{transform:translate(8px,-4px) rotate(5deg)}60%{transform:translate(-6px,2px) rotate(-3deg)}80%{transform:translate(4px,-2px) rotate(2deg)}}
.pcx-ask{display:flex;gap:8px;max-width:560px;margin:0 auto;flex-wrap:wrap}
.pcx-ask input,.pcx-orow select{flex:1;min-width:0;padding:12px 14px;border-radius:999px;border:3px solid #8a2be2;background:#0b0014;color:#f4f0ff;font:600 16px Fredoka,sans-serif}
.pcx-btn{padding:12px 20px;border-radius:999px;border:3px solid #fff;background:#ff2bd6;color:#0b0014;font:700 15px Fredoka,sans-serif;cursor:pointer;box-shadow:4px 4px 0 #8a2be2}
.pcx-btn.alt{background:#00f0ff}
.pcx-fine{text-align:center;color:#c9c9d6;font:16px VT323,monospace;margin-top:10px}
.pcx-octl{max-width:560px;margin:0 auto 16px;display:grid;gap:10px}.pcx-octl label{font:18px VT323,monospace;color:#00f0ff;letter-spacing:.1em;text-transform:uppercase}
.pcx-orow{display:flex;gap:8px;flex-wrap:wrap}
.pcx-board{position:relative;max-width:820px;margin:0 auto;padding:22px 16px 26px;border-radius:44% 44% 30px 30px/22% 22% 30px 30px;background:radial-gradient(ellipse at 50% 40%,#1c0a30,#06000c 75%);border:4px solid #c9c9d6;box-shadow:0 0 0 4px #8a2be2,0 0 40px rgba(255,43,214,.45),inset 0 0 50px rgba(0,240,255,.18);user-select:none;overflow:hidden}
.pcx-corner{display:flex;justify-content:space-between;align-items:center;padding:0 6%}
.pcx-sun{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#ff2bd6,#8a2be2 60%,transparent 62%);box-shadow:0 0 20px #ff2bd6}
.pcx-w{font:400 clamp(18px,4vw,30px) Chewy,cursive;color:#c9c9d6;letter-spacing:.08em;transition:all .2s}
.pcx-lrow{display:flex;justify-content:center;gap:clamp(2px,1vw,10px);margin:8px 0}
.pcx-lrow.r0{transform:translateY(6px)}
.pcx-l{font:400 clamp(16px,4.4vw,36px)/1 Chewy,cursive;color:#c9c9d6;min-width:1.05em;text-align:center;transition:all .2s;text-shadow:0 0 6px rgba(201,201,214,.4)}
.pcx-l.lit,.pcx-w.lit{color:#fff;text-shadow:0 0 10px #ff2bd6,0 0 22px #00f0ff;transform:scale(1.25)}
.pcx-plan{position:absolute;left:0;top:0;width:clamp(56px,12vw,90px);height:clamp(70px,15vw,110px);margin:calc(clamp(56px,12vw,90px)/-2) 0 0 calc(clamp(56px,12vw,90px)/-2);transition:transform .55s cubic-bezier(.5,.1,.3,1);pointer-events:none;filter:drop-shadow(0 0 10px #00f0ff)}
.pcx-plan::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(201,201,214,.9),rgba(138,43,226,.85));clip-path:polygon(50% 0,100% 70%,80% 100%,20% 100%,0 70%);border-radius:8px}
.pcx-plan span{position:absolute;left:50%;top:44%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #ff2bd6;background:rgba(0,240,255,.18)}
.pcx-spell{text-align:center;font:700 clamp(18px,4vw,26px) VT323,monospace;color:#00f0ff;min-height:1.6em;margin-top:14px;letter-spacing:.06em}
@media(max-width:600px){.pcx-board{border-radius:30px;padding:16px 6px 20px}.pcx-sun{width:30px;height:30px}}