.cps-game{box-sizing:border-box;width:100%;min-height:760px;padding:18px;color:#111827;background:#f8fafc}.cps-game *{box-sizing:border-box}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.metric,.result-panel>div{min-height:88px;padding:14px;border:1px solid #d7dde8;border-radius:8px;background:#fff;display:grid;align-content:center;gap:6px}.metric span,.result-panel span{font-size:13px;color:#5d6878;text-transform:uppercase;letter-spacing:.02em}.metric strong,.result-panel strong{font-size:34px;line-height:1;color:#111827}.metric.primary{background:#111827;border-color:#111827}.metric.primary span,.metric.primary strong{color:#fff}.tap-area{position:relative;height:390px;border:2px solid #1f2937;border-radius:8px;background:linear-gradient(135deg,#fefefe,#eef6ff 58%,#f4fff5);display:grid;place-items:center;overflow:hidden;cursor:pointer;user-select:none;touch-action:manipulation;outline:none}.tap-area:focus-visible{box-shadow:0 0 0 4px #93c5fd}.tap-area.active{background:linear-gradient(135deg,#fff7ed,#eef6ff 50%,#ecfdf5)}.tap-area.finished{border-color:#16a34a;background:#f0fdf4}.target-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.target-rings span{position:absolute;border:2px solid rgba(31,41,55,.15);border-radius:999px}.target-rings span:nth-child(1){width:280px;height:280px}.target-rings span:nth-child(2){width:190px;height:190px}.target-rings span:nth-child(3){width:100px;height:100px;background:rgba(255,255,255,.55)}.tap-copy{position:relative;z-index:1;text-align:center;padding:18px}.tap-copy p{margin:0 0 14px;font-size:22px;line-height:1.25;color:#283241}.tap-copy strong{font-size:64px;line-height:1;color:#111827}.controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0}.durations{display:flex;gap:8px}.controls button{height:44px;border:0;border-radius:8px;padding:0 16px;font-size:16px;font-weight:800;cursor:pointer}.duration{background:#e8edf5;color:#1f2937}.duration.active{background:#1f2937;color:#fff}.reset{background:#b91c1c;color:#fff}.result-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-panel strong{font-size:28px}@media(max-width:720px){.cps-game{min-height:700px;padding:12px}.scorebar{gap:8px}.metric{min-height:78px;padding:10px}.metric strong{font-size:28px}.metric span{font-size:11px}.tap-area{height:360px}.tap-copy p{font-size:19px}.tap-copy strong{font-size:48px}.controls{align-items:stretch;flex-direction:column}.durations{display:grid;grid-template-columns:repeat(3,1fr)}.controls button{width:100%;padding:0 10px}.result-panel{gap:8px}.result-panel strong{font-size:24px}}