.ctpcc{--gold:#d4af37;direction:rtl;max-width:440px;margin:18px auto;padding:14px;border-radius:22px;background:linear-gradient(145deg,#05070d,#111827 52%,#05070d);border:1px solid rgba(212,175,55,.45);box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);color:#f8fafc;font-family:inherit;box-sizing:border-box}
.ctpcc-head{text-align:center}.ctpcc-head strong{display:block;font-size:18px;color:#fff;margin:6px 0}.ctpcc-head p{font-size:13px;color:#cbd5e1;margin:4px 0 12px}
.ctpcc-brand{display:flex;gap:7px;justify-content:center;align-items:center;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.4px}.ctpcc-brand img{width:24px;height:24px;border-radius:7px}
.ctpcc-stage{position:relative;padding:6px;border-radius:16px;background:linear-gradient(135deg,#020617,#334155,#020617);box-shadow:inset 0 0 0 1px rgba(212,175,55,.25);overflow:hidden}
.ctpcc-board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1/1;direction:ltr;border-radius:11px;overflow:hidden}
.ctpcc-sq{position:relative;border:0!important;padding:0!important;margin:0!important;min-width:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0!important}
.ctpcc-sq.light{background:#e8edf2!important}.ctpcc-sq.dark{background:#708ba3!important}.ctpcc-sq.selected{box-shadow:inset 0 0 0 4px #facc15!important;filter:brightness(1.08)}
.ctpcc-sq img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));pointer-events:none}
.ctpcc-watermark{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);font-weight:900;font-size:clamp(18px,6vw,34px);color:rgba(255,255,255,.075);white-space:nowrap;pointer-events:none;text-transform:uppercase}
.ctpcc-status{text-align:center;margin:11px 2px 5px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.055);font-size:12px;color:#e2e8f0}.ctpcc.passed .ctpcc-status{color:#86efac;border:1px solid rgba(34,197,94,.3)}
.ctpcc-new{display:none!important}.ctpcc-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.ctpcc.shake{animation:ctpccShake .3s}.ctpcc.passed{border-color:rgba(34,197,94,.6);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 24px rgba(34,197,94,.09)}
@keyframes ctpccShake{25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(3px)}}
@media(max-width:520px){.ctpcc{max-width:calc(100vw - 20px);padding:10px;border-radius:17px}.ctpcc-head strong{font-size:16px}}