:root{--ct-primary:var(--main-primary);--ct-primary-light:#818cf8;--ct-primary-dark:#4f46e5;--ct-success:#10b981;--ct-error:#ef4444;--ct-warning:#f59e0b;--ct-text:#1e293b;--ct-text-secondary:#64748b;--ct-bg:#fff;--ct-bg-hover:#f1f5f9;--ct-border:#e2e8f0;--ct-game-bg:#e2e8f0;--ct-star-active:#f59e0b;--ct-star-inactive:#cbd5e1}._ct-container{flex-direction:column;min-height:100%;display:flex}._ct-screen{flex-direction:column;flex:1;display:none}._ct-screen._ct-screen--active{display:flex}@media (max-width:768px){._ct-container{padding-left:1rem;padding-right:1rem}}._ct-setup{justify-content:center;align-items:center;gap:var(--main-space-6);max-width:720px;padding:var(--main-space-8) 0;width:100%;margin:0 auto}._ct-modes{gap:var(--main-space-4);grid-template-columns:repeat(3,1fr);width:100%;display:grid}._ct-mode{align-items:center;gap:var(--main-space-2);padding:var(--main-space-5) var(--main-space-4);background:var(--ct-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:2px;border-color:var(--ct-border);cursor:pointer;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}._ct-mode:hover{border-color:var(--ct-primary-light);box-shadow:0 2px 12px #6366f11a}._ct-mode--active{border-color:var(--ct-primary);box-shadow:0 2px 16px #6366f126}._ct-mode-icon{border-radius:var(--main-radius-lg);width:52px;height:52px;color:var(--ct-primary);background:linear-gradient(135deg,#6366f11a,#6366f10d);justify-content:center;align-items:center;display:flex}._ct-mode--active ._ct-mode-icon{background:linear-gradient(135deg, var(--ct-primary), var(--ct-primary-dark));color:#fff}._ct-mode-name{font-weight:600;font-size:var(--main-text-base);color:var(--ct-text)}._ct-mode-desc{font-size:var(--main-text-xs);color:var(--ct-text-secondary);line-height:1.4}._ct-options{gap:var(--main-space-6);flex-wrap:wrap;justify-content:center;display:flex}._ct-option{align-items:center;gap:var(--main-space-3);display:flex}._ct-option-label{font-size:var(--main-text-sm);color:var(--ct-text-secondary);font-weight:500}._ct-option-group{background:var(--ct-bg);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--ct-border);gap:.25rem;padding:.1875rem;display:flex}._ct-option-btn{border-radius:calc(var(--main-radius) - 2px);color:var(--ct-text-secondary);cursor:pointer;font-size:var(--main-text-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.375rem .875rem;font-weight:500;transition:background .15s,color .15s}._ct-option-btn:hover{background:var(--ct-bg-hover);color:var(--ct-text)}._ct-option-btn--active{background:var(--ct-primary);color:#fff}._ct-option-btn--active:hover{opacity:.9;background:var(--ct-primary);color:#fff}._ct-start-btn{justify-content:center;align-items:center;gap:var(--main-space-2);background:var(--ct-primary);color:#fff;border-radius:var(--main-radius-lg);font-size:var(--main-text-base);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;padding:.75rem 2.5rem;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #6366f140}._ct-start-btn:hover{opacity:.9}@media (max-width:640px){._ct-modes{grid-template-columns:1fr}._ct-mode{text-align:left;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);flex-flow:wrap;align-items:center}._ct-mode-icon{flex-shrink:0;width:44px;height:44px}._ct-mode-name{flex:1;min-width:0}._ct-mode-desc{padding-left:calc(44px + var(--main-space-3));flex-basis:100%;margin-top:-.25rem}._ct-options{align-items:stretch;gap:var(--main-space-4);flex-direction:column;width:100%}._ct-option{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._ct-option-group{justify-content:space-between}._ct-option-btn{flex:1;min-height:40px;padding:.625rem .5rem}._ct-start-btn{width:100%;min-height:48px;padding:.875rem 1.5rem}._ct-setup{padding:var(--main-space-6) 0}}._ct-game{height:100vh;z-index:50;gap:var(--main-space-3);height:100dvh;padding:var(--main-space-3);background:var(--ct-game-bg);position:fixed;top:0;bottom:0;left:0;right:0}._ct-stats-bar{align-items:center;gap:var(--main-space-4);background:var(--ct-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ct-border);padding:.5rem .75rem .5rem 1rem;display:flex}._ct-stats-group{align-items:center;gap:var(--main-space-4);display:flex}._ct-stats-group--progress{flex:1;min-width:90px}._ct-stats-divider{background:var(--ct-border);flex-shrink:0;width:1px;height:28px}._ct-stat{align-items:center;gap:.375rem;display:flex}._ct-stat-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}._ct-stat-indicator--success{background:var(--ct-success);box-shadow:0 0 6px #10b98166}._ct-stat-indicator--error{background:var(--ct-error);box-shadow:0 0 6px #ef444466}._ct-stat-body{flex-direction:column;gap:.0625rem;display:flex}._ct-stat-value{font-size:var(--main-text-sm);color:var(--ct-text);font-weight:700;font-family:var(--main-font-mono);line-height:1.2}._ct-stat--accent ._ct-stat-value{font-size:var(--main-text-base)}._ct-stat-label{color:var(--ct-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:500;line-height:1}._ct-stat-value--good{color:var(--ct-success)}._ct-stat-value--warning{color:var(--ct-warning)}._ct-stat-value--bad{color:var(--ct-error)}._ct-stats-group--progress ._ct-stat-body{width:100%}._ct-stats-group--progress ._ct-stat-value{font-size:var(--main-text-xs);text-align:center}._ct-progress-track{background:var(--ct-border);border-radius:2px;width:100%;height:4px;margin-top:.125rem;overflow:hidden}._ct-progress-fill{background:linear-gradient(90deg, var(--ct-primary), var(--ct-primary-light));border-radius:2px;width:0%;height:100%;transition:width .3s}._ct-stop-btn{border-radius:var(--main-radius);width:32px;height:32px;color:var(--ct-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._ct-stop-btn:hover{color:var(--ct-error);background:#ef44441a}._ct-play-area{background:var(--ct-bg);border-radius:var(--main-radius-lg);min-height:420px;box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ct-border);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;flex:1;transition:box-shadow .15s;position:relative;overflow:hidden}._ct-play-area--miss{box-shadow:inset 0 0 0 3px #ef444466}._ct-target{cursor:pointer;background:radial-gradient(circle at 35% 35%, var(--ct-bubble-light), var(--ct-bubble-base) 70%);box-shadow:0 2px 16px var(--ct-bubble-shadow);z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent;--ct-bubble-base:#6366f1;--ct-bubble-light:#a5b4fc;--ct-bubble-shadow:#6366f14d;border-radius:50%;position:absolute}._ct-target:after{content:"";background:#fff6;border-radius:50%;width:28%;height:28%;position:absolute;top:18%;left:22%}@media (pointer:coarse){._ct-target:before{content:"";border-radius:50%;position:absolute;top:-12px;bottom:-12px;left:-12px;right:-12px}}._ct-target--indigo{--ct-bubble-base:#6366f1;--ct-bubble-light:#a5b4fc;--ct-bubble-shadow:#6366f159}._ct-target--cyan{--ct-bubble-base:#06b6d4;--ct-bubble-light:#67e8f9;--ct-bubble-shadow:#06b6d459}._ct-target--emerald{--ct-bubble-base:#10b981;--ct-bubble-light:#6ee7b7;--ct-bubble-shadow:#10b98159}._ct-target--amber{--ct-bubble-base:#f59e0b;--ct-bubble-light:#fcd34d;--ct-bubble-shadow:#f59e0b59}._ct-target--rose{--ct-bubble-base:#f43f5e;--ct-bubble-light:#fda4af;--ct-bubble-shadow:#f43f5e59}._ct-target--violet{--ct-bubble-base:#8b5cf6;--ct-bubble-light:#c4b5fd;--ct-bubble-shadow:#8b5cf659}._ct-target--sky{--ct-bubble-base:#0ea5e9;--ct-bubble-light:#7dd3fc;--ct-bubble-shadow:#0ea5e959}._ct-target--orange{--ct-bubble-base:#f97316;--ct-bubble-light:#fdba74;--ct-bubble-shadow:#f9731659}._ct-target--shrinking{animation:ct-shrink var(--ct-shrink-duration) linear forwards}._ct-target--pulse{animation:1.5s ease-in-out infinite ct-pulse}._ct-target--hit{pointer-events:none;background:radial-gradient(circle at 35% 35%,#6ee7b7,#10b981 70%);animation:.2s ease-out forwards ct-hit}._ct-target--expired{pointer-events:none;animation:.3s ease-out forwards ct-expire}@keyframes ct-shrink{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.08)}}@keyframes ct-pulse{0%,to{box-shadow:0 0 0 0 var(--ct-bubble-shadow), 0 2px 16px var(--ct-bubble-shadow)}50%{box-shadow:0 0 0 8px transparent, 0 2px 16px var(--ct-bubble-shadow)}}@keyframes ct-hit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes ct-expire{to{opacity:0;transform:scale(.5)}}._ct-countdown{color:var(--ct-primary);z-index:10;pointer-events:none;justify-content:center;align-items:center;font-size:4.5rem;font-weight:800;display:none;position:absolute;top:0;bottom:0;left:0;right:0}._ct-countdown--animate{animation:.65s ease-out forwards ct-count-pulse}@keyframes ct-count-pulse{0%{opacity:0;transform:scale(2)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (max-width:768px){._ct-game{gap:var(--main-space-2);padding:var(--main-space-2)}._ct-stats-bar{gap:var(--main-space-2);padding:.5rem .625rem}._ct-stats-group{gap:var(--main-space-2)}._ct-stats-divider{height:24px}._ct-play-area{cursor:default;min-height:0}._ct-countdown{font-size:3.5rem}}@media (max-width:480px){._ct-stats-bar{flex-wrap:wrap;justify-content:center;padding:.5rem 3rem .5rem .625rem;position:relative}._ct-stats-group--progress{flex-basis:100%;order:-1}._ct-stats-divider:last-of-type{display:none}._ct-stop-btn{order:-1;width:40px;height:40px;position:absolute;top:.375rem;right:.375rem}}._ct-results{align-items:center;gap:var(--main-space-6);max-width:650px;padding:var(--main-space-6) 0;width:100%;margin:0 auto}._ct-result-card{background:var(--ct-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-8) var(--main-space-6);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ct-border);text-align:center;width:100%}._ct-result-stars{letter-spacing:.25rem;margin-bottom:var(--main-space-1);font-size:2rem}._ct-star{color:var(--ct-star-inactive)}._ct-star--active{color:var(--ct-star-active)}._ct-result-rating{font-size:var(--main-text-xl);color:var(--ct-primary);margin-bottom:var(--main-space-6);font-weight:700}._ct-result-grid{gap:var(--main-space-4);margin-bottom:var(--main-space-6);grid-template-columns:repeat(3,1fr);display:grid}._ct-result-item{gap:var(--main-space-1);flex-direction:column;display:flex}._ct-result-label{font-size:var(--main-text-sm);color:var(--ct-text-secondary)}._ct-result-value{font-size:var(--main-text-lg);color:var(--ct-text);font-weight:700;font-family:var(--main-font-mono)}._ct-result-value--primary{color:var(--ct-primary);font-size:var(--main-text-xl)}._ct-result-value--score{color:var(--ct-star-active)}._ct-result-actions{gap:var(--main-space-3);justify-content:center;display:flex}._ct-btn{align-items:center;gap:var(--main-space-2);border-radius:var(--main-radius);font-weight:500;font-size:var(--main-text-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;padding:.625rem 1.5rem;transition:opacity .15s;display:inline-flex}._ct-btn--primary{background:var(--ct-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._ct-btn--primary:hover{opacity:.9}._ct-btn--secondary{color:var(--ct-text-secondary);border-style:solid;border-width:1px;border-color:var(--ct-border);background:0 0}._ct-btn--secondary:hover{color:var(--ct-text);border-color:var(--ct-text-secondary)}._ct-history{background:var(--ct-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ct-border);width:100%}._ct-history-header{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-sm);color:var(--ct-text);margin-bottom:var(--main-space-4);display:flex}._ct-history-header svg{color:var(--ct-primary)}._ct-history-item{gap:var(--main-space-3);padding:var(--main-space-3) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ct-border);font-size:var(--main-text-sm);grid-template-columns:28px 1fr auto auto auto;align-items:center;display:grid}._ct-history-item:last-child{border-bottom:none;padding-bottom:0}._ct-history-mode{color:var(--ct-primary);justify-content:center;align-items:center;display:flex}._ct-history-mode svg{width:16px;height:16px}._ct-history-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._ct-history-name{color:var(--ct-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}._ct-history-meta{font-size:var(--main-text-xs);color:var(--ct-text-secondary)}._ct-history-stat{font-family:var(--main-font-mono);color:var(--ct-text);text-align:right;white-space:nowrap;font-weight:600}._ct-history-list{min-height:60px}._ct-history-empty{text-align:center;color:var(--ct-text-secondary);padding:var(--main-space-6) 0;font-size:var(--main-text-sm)}@media (max-width:768px){._ct-result-grid{grid-template-columns:repeat(2,1fr)}._ct-result-card{padding:var(--main-space-6) var(--main-space-4)}._ct-results{padding:var(--main-space-4) 0}}@media (max-width:640px){._ct-result-actions{flex-direction:column;align-items:stretch}._ct-btn{justify-content:center;min-height:44px;padding:.75rem 1.5rem}._ct-history-item{gap:var(--main-space-2);font-size:var(--main-text-xs);grid-template-columns:24px 1fr auto auto}._ct-history-item ._ct-history-stat:last-of-type{display:none}}