.cf-game[data-v-8df1946d]{--cf-blue: #3B82F6;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.cf-topbar[data-v-8df1946d]{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center}.cf-tab[data-v-8df1946d],.cf-diff[data-v-8df1946d]{border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-chip);padding:7px 18px;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer}.cf-tab.active[data-v-8df1946d]{border-color:var(--game-color, var(--cf-blue));color:var(--game-color, var(--cf-blue));background:var(--color-primary-light)}.cf-diff.active[data-v-8df1946d]{border-color:var(--color-primary);color:var(--color-primary);background:#eef2ff}.cf-status[data-v-8df1946d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-weight:700;color:var(--color-text-secondary);font-size:15px}.cf-turn-dot[data-v-8df1946d],.cf-modal-disc[data-v-8df1946d]{display:inline-block;width:18px;height:18px;border-radius:50%}.cf-dot-R[data-v-8df1946d],.cf-dot-red[data-v-8df1946d]{background:radial-gradient(circle at 35% 30%,#fca5a5,#dc2626 70%);box-shadow:inset 0 -3px 5px #00000040}.cf-dot-Y[data-v-8df1946d],.cf-dot-yellow[data-v-8df1946d]{background:radial-gradient(circle at 35% 30%,#fef08a,#f59e0b 70%);box-shadow:inset 0 -3px 5px #00000040}.cf-dot-draw[data-v-8df1946d]{background:linear-gradient(135deg,#fca5a5 0 45%,#9ca3af 45% 55%,#fef08a 55% 100%)}.cf-thinking[data-v-8df1946d]{opacity:.6}.cf-best[data-v-8df1946d],.cf-streak[data-v-8df1946d]{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--color-text-muted)}.cf-best[data-v-8df1946d]{color:var(--color-gold, #B45309);font-weight:800}.cf-streak[data-v-8df1946d]{color:var(--color-primary)}.cf-frame[data-v-8df1946d]{background:linear-gradient(180deg,#2563eb,#1e3a8a);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-board),inset 0 0 0 6px #1e3a8a99;width:min(92vw,430px);box-sizing:border-box}.cf-col-head[data-v-8df1946d]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 6px 10px}.cf-drop-btn[data-v-8df1946d]{border:none;background:transparent;color:#ffffffbf;font-size:20px;line-height:1;cursor:pointer;padding:4px;border-radius:50%;transition:color .15s,transform .15s}.cf-drop-btn[data-v-8df1946d]:hover:not(:disabled){color:#fff;transform:translateY(2px)}.cf-drop-btn[data-v-8df1946d]:disabled{color:#fff3;cursor:default}.cf-grid[data-v-8df1946d]{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;padding:6px;background:#0f172a59;border-radius:var(--radius-md)}.cf-row[data-v-8df1946d]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cf-cell[data-v-8df1946d]{aspect-ratio:1 / 1;border:none;border-radius:50%;background:#ffffff14;box-shadow:inset 0 2px 6px #0006;cursor:pointer;padding:0;transition:background .15s}.cf-cell[data-v-8df1946d]:hover:not(:disabled){background:#ffffff38}.cf-cell[data-v-8df1946d]:disabled{cursor:default}.cf-has-red[data-v-8df1946d]{background:radial-gradient(circle at 35% 28%,#fca5a5,#ef4444 45%,#b91c1c);box-shadow:inset 0 -4px 6px #0000004d;cursor:default}.cf-has-yellow[data-v-8df1946d]{background:radial-gradient(circle at 35% 28%,#fef9c3,#facc15 45%,#d97706);box-shadow:inset 0 -4px 6px #0000004d;cursor:default}.cf-last[data-v-8df1946d]{animation:cf-pop-8df1946d .32s var(--ease-pop, cubic-bezier(.34, 1.56, .64, 1))}@keyframes cf-pop-8df1946d{0%{transform:scale(.2) translateY(-26px)}70%{transform:scale(1.08)}to{transform:scale(1)}}.cf-actions[data-v-8df1946d]{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.cf-btn[data-v-8df1946d]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-button);padding:8px 14px;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cf-btn[data-v-8df1946d]:hover{border-color:var(--game-color, var(--cf-blue));color:var(--game-color, var(--cf-blue))}.cf-legend[data-v-8df1946d]{font-size:13px;color:var(--color-text-muted);text-align:center;margin:0;max-width:460px}.cf-red-text[data-v-8df1946d]{color:#dc2626}.cf-yellow-text[data-v-8df1946d]{color:#d97706}.cf-overlay[data-v-8df1946d]{position:fixed;inset:0;z-index:300;background:#1118278c;display:flex;align-items:center;justify-content:center}.cf-modal[data-v-8df1946d]{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;max-width:320px;width:86%;box-shadow:var(--shadow-board)}.cf-close[data-v-8df1946d]{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:15px;cursor:pointer;line-height:1}.cf-close[data-v-8df1946d]:hover{background:var(--color-surface-hover);color:var(--color-text)}.cf-modal-disc[data-v-8df1946d]{width:44px;height:44px;margin-bottom:var(--space-sm)}.cf-modal h2[data-v-8df1946d]{margin-bottom:var(--space-sm)}.cf-modal-msg[data-v-8df1946d]{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.cf-acts[data-v-8df1946d]{display:flex;flex-direction:column;gap:var(--space-sm)}