.cps{--cps-accent:#3d8bff;--cps-accent-2:#22d3ee;--cps-hot:#f472b6;--cps-ok:#22c55e;--cps-ink:#10162b;--cps-muted:#5b6275;--cps-line:#e4e7ef;--cps-size:clamp(210px, 26vw, 300px);margin:18px auto 24px;padding:0;max-width:1100px;border-radius:28px;background:#fff;border:1px solid var(--cps-line);box-shadow:0 30px 60px -32px rgb(16 22 43 / 45%);overflow:hidden;text-align:left;color:var(--cps-ink);font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.cps *,.cps ::after,.cps ::before{box-sizing:border-box}.cps button{font:inherit}.cps svg{display:block}.cps :where(p,ol,dl,dd){margin:0}.cps-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cps-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 20px;background:linear-gradient(180deg,#151b33,#10162b);color:#cdd5ee}.cps-durations{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgb(255 255 255 / 8%)}.cps-durations button{min-width:50px;min-height:36px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;background:0 0;color:#aeb8d6;font-size:.88rem;font-weight:700;transition:background-color .15s ease,color .15s ease}.cps-durations button:hover{color:#fff}.cps-durations button[aria-checked=true]{background:#fff;color:var(--cps-ink)}.cps-durations button:disabled{cursor:not-allowed;opacity:.5}.cps-top-right{display:flex;align-items:center;gap:10px}.cps-best-pill{padding:6px 12px;border-radius:999px;background:rgb(255 255 255 / 8%);font-size:.82rem}.cps-best-pill b{color:#fff;font-variant-numeric:tabular-nums}.cps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:12px;cursor:pointer;border:1px solid var(--cps-line);background:#fff;color:var(--cps-ink);font-weight:600;font-size:.88rem;transition:background-color .15s ease,transform .1s ease}.cps-btn svg{width:17px;height:17px}.cps-btn:active{transform:translateY(1px)}.cps-btn--ghost{background:rgb(255 255 255 / 8%);border-color:rgb(255 255 255 / 14%);color:#dfe5f7}.cps-btn--ghost:hover{background:rgb(255 255 255 / 16%);color:#fff}.cps-btn--primary{border:0;min-height:44px;padding:0 22px;color:#fff;background:linear-gradient(135deg,#6aa9ff,var(--cps-accent));box-shadow:0 10px 22px -12px rgb(61 139 255 / 80%)}.cps-btn--primary:hover{filter:brightness(1.06)}.cps-link{border:0;background:0 0;padding:4px 6px;color:var(--cps-muted);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline}.cps :where(button):focus-visible{outline:3px solid var(--cps-accent-2);outline-offset:3px}.cps-stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px);background:radial-gradient(45% 70% at 22% 55%,rgb(61 139 255 / 24%),transparent 70%),radial-gradient(40% 50% at 85% 0,rgb(244 114 182 / 10%),transparent 70%),linear-gradient(180deg,#10162b 0,#1a2142 100%);user-select:none;-webkit-user-select:none}.cps-arena{display:grid;place-items:center;padding:8px;touch-action:manipulation}.cps-target{--heat:0;position:relative;display:grid;place-items:center;width:var(--cps-size);height:var(--cps-size);padding:0;border:0;border-radius:50%;cursor:pointer;background:0 0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cps-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.cps-ring circle{fill:none;stroke-width:4}.cps-ring-track{stroke:rgb(255 255 255 / 10%)}.cps-ring-bar{stroke:var(--cps-accent-2);stroke-linecap:round;stroke-dasharray:289.03 289.03;stroke-dashoffset:0}.cps[data-state=done] .cps-ring-bar{stroke:var(--cps-hot)}.cps-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84%;height:84%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 28%,#7db4ff,var(--cps-accent) 52%,#2349b8);box-shadow:0 22px 44px -14px rgb(61 139 255 / 75%),inset 0 -8px 18px rgb(0 0 0 / 25%),inset 0 5px 12px rgb(255 255 255 / 25%),0 0 calc(var(--heat) * 60px) calc(var(--heat) * 6px) rgb(244 114 182 / calc(var(--heat) * 55%));color:#fff;transition:transform .06s ease,box-shadow .2s ease}.cps-target:hover .cps-core{filter:brightness(1.05)}.cps-target.is-hit .cps-core{transform:scale(.955);transition:none}.cps[data-state=done] .cps-core{background:radial-gradient(circle at 35% 28%,#ffa3d1,#e14f9a 52%,#9d2a6a);box-shadow:0 22px 44px -14px rgb(225 79 154 / 70%),inset 0 -8px 18px rgb(0 0 0 / 25%),inset 0 5px 12px rgb(255 255 255 / 25%)}.cps[data-state=idle] .cps-core{animation:cps-breathe 2.4s ease-in-out infinite}@keyframes cps-breathe{50%{transform:scale(1.025)}}.cps-big{position:relative;font-size:calc(var(--cps-size) * .24);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 3px 12px rgb(0 0 0 / 25%)}.cps-sub{position:relative;margin-top:6px;max-width:80%;font-size:calc(var(--cps-size) * .052);font-weight:600;opacity:.9;text-align:center;line-height:1.3}.cps-ripples{position:absolute;inset:0;pointer-events:none}.cps-ripple{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgb(255 255 255 / 45%);transform:scale(0);animation:cps-ripple .55s ease-out forwards}@keyframes cps-ripple{to{transform:scale(7);opacity:0}}.cps-live{display:flex;flex-direction:column;gap:14px;min-width:0}.cps-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cps-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border-radius:16px;background:rgb(255 255 255 / 6%);border:1px solid rgb(255 255 255 / 10%)}.cps-tile-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8f9bbd}.cps-tile-value{font-size:clamp(1.5rem, 3vw, 2.2rem);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.cps-tile--hero{background:linear-gradient(135deg,rgb(61 139 255 / 30%),rgb(34 211 238 / 18%));border-color:rgb(106 169 255 / 40%)}.cps-tile--hero .cps-tile-value{color:#a5f3fc}.cps-chart-card{padding:12px 14px 8px;border-radius:16px;background:rgb(255 255 255 / 5%);border:1px solid rgb(255 255 255 / 10%)}.cps-chart-foot,.cps-chart-head{display:flex;justify-content:space-between;font-size:.72rem;color:#8f9bbd;font-variant-numeric:tabular-nums}.cps-chart-head span:last-child::after{content:" CPS"}.cps-chart{width:100%;height:clamp(90px,12vw,130px);margin:6px 0 4px}.cps-chart .cps-grid{stroke:rgb(255 255 255 / 8%);stroke-width:1;vector-effect:non-scaling-stroke}.cps-chart .cps-bar{fill:url(#cpsBarGrad)}.cps-chart .cps-bar.is-now{fill:#a5f3fc}.cps-chart .cps-avg{stroke:var(--cps-hot);stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.cps-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:18px;align-items:start;padding:22px clamp(16px,3vw,32px) 4px}.cps-panel:has(.cps-result[hidden]){grid-template-columns:1fr}.cps-result{display:grid;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#f4f7ff,#fdf2f8);border:1px solid #e3e3f3;animation:cps-in .35s cubic-bezier(.2,.8,.3,1.2)}@keyframes cps-in{from{transform:translateY(10px) scale(.98);opacity:0}}.cps-result-rank{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cps-rank-badge{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--cps-line);box-shadow:0 8px 18px -12px rgb(16 22 43 / 50%);font-size:2rem;line-height:1}.cps-result-cps{display:block;font-size:1rem;font-weight:700;color:var(--cps-muted)}.cps-result-cps b{font-size:2.3rem;font-weight:800;color:var(--cps-ink);font-variant-numeric:tabular-nums}.cps-result-rating{display:block;font-weight:700;color:#1d4ed8}.cps-result-rating.is-warn{color:#b45309}.cps-newbest{margin-left:auto;padding:6px 12px;border-radius:999px;background:#fde68a;color:#78350f;font-size:.82rem;font-weight:800;animation:cps-pop .5s ease}@keyframes cps-pop{40%{transform:scale(1.2) rotate(-4deg)}}.cps-result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cps-result-stats div{min-width:0;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--cps-line)}.cps-result-stats dt{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cps-muted)}.cps-result-stats dd{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.cps-result-note{font-size:.88rem;color:var(--cps-muted)}.cps-result-note:empty{display:none}.cps-result .cps-btn--primary{justify-self:start}.cps-bests{padding:16px;border-radius:20px;background:#f6f8fc;border:1px solid var(--cps-line)}.cps-bests-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cps-bests-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;list-style:none}.cps-panel:has(.cps-result:not([hidden])) .cps-bests-list{grid-template-columns:1fr}.cps-bests-list li{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 6px;border-radius:12px;background:#fff;border:1px solid var(--cps-line);font-variant-numeric:tabular-nums}.cps-panel:has(.cps-result:not([hidden])) .cps-bests-list li{flex-direction:row;justify-content:space-between;padding:6px 12px}.cps-bests-list li span{font-size:.75rem;font-weight:700;color:var(--cps-muted)}.cps-bests-list li b{font-size:1.05rem}.cps-bests-list li.is-current{border-color:var(--cps-accent);box-shadow:0 0 0 2px rgb(61 139 255 / 18%)}.cps-bests-note{margin-top:8px;font-size:.75rem;color:var(--cps-muted)}.cps-status{margin:16px clamp(16px,3vw,32px) 0;padding:12px 16px;border-radius:14px;background:#f4f7ff;border:1px solid #dce6fb;font-weight:600;color:#1d3a7a}.cps-note{margin:12px clamp(16px,3vw,32px) 22px;font-size:.86rem;color:var(--cps-muted)}@media (max-width:860px){.cps-stage{grid-template-columns:1fr;justify-items:center}.cps-live{width:100%}.cps-panel,.cps-panel:has(.cps-result:not([hidden])){grid-template-columns:1fr}.cps-panel:has(.cps-result:not([hidden])) .cps-bests-list{grid-template-columns:repeat(5,minmax(0,1fr))}.cps-panel:has(.cps-result:not([hidden])) .cps-bests-list li{flex-direction:column;padding:8px 6px}}@media (max-width:575.98px){.cps{border-radius:20px;--cps-size:min(240px, 68vw)}.cps-topbar{padding:10px 12px}.cps-durations{width:100%;justify-content:space-between}.cps-durations button{flex:1;min-width:0;padding:0 4px}.cps-top-right{width:100%;justify-content:space-between}.cps-stage{padding:20px 14px}.cps-tile{padding:10px}.cps-result-stats{grid-template-columns:1fr 1fr}.cps-bests-list,.cps-panel:has(.cps-result:not([hidden])) .cps-bests-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse){.cps-btn,.cps-durations button{min-height:44px}}@media (prefers-reduced-motion:reduce){.cps *,.cps ::after,.cps ::before{animation:none!important;transition:none!important}}