.cc-board{color:#1f2a44;text-align:center;background:linear-gradient(#e7eef9 1px,#0000 1px) 0 0/100% 28px,linear-gradient(90deg,#e7eef9 1px,#0000 1px) 0 0/28px 100%,#fffdf5;border-radius:28px;justify-items:center;gap:14px;width:100%;min-height:280px;padding:24px;display:grid}.cc-letter{aspect-ratio:1;color:#1c7ed6;background:#fff;border:5px solid #1c7ed6;border-radius:28px;place-items:center;width:clamp(120px,34vw,190px);font-size:clamp(4.5rem,20vw,8rem);font-weight:900;line-height:1;display:grid;box-shadow:6px 6px #a5d8ff}.cc-board[data-state=rolling] .cc-letter{color:#868e96;border-color:#868e96;box-shadow:6px 6px #dee2e6}.cc-board[data-state=stopped] .cc-letter{color:#e03131;border-color:#e03131;box-shadow:6px 6px #ffc9c9}.cc-clock{font-variant-numeric:tabular-nums;font-size:clamp(2rem,8vw,3rem);font-weight:800}.cc-clock[data-low=true]{color:#e03131;animation:1s ease-in-out infinite cc-pulse}.cc-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cc-categories li{overflow-wrap:anywhere;background:#fff;border:2px solid #1f2a44;border-radius:999px;padding:6px 14px;font-weight:700}.cc-score,.cc-totals{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.cc-score li,.cc-totals li{justify-content:space-between;align-items:center;gap:12px;display:flex}.cc-score input{text-align:center;width:6rem;padding:8px 10px}.cc-used span{font-weight:700}.cc-used{letter-spacing:.08em;overflow-wrap:anywhere}@keyframes cc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.cc-clock[data-low=true]{animation:none}}