.gng-wrap{display:flex;justify-content:center;width:100%}.gng-card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;width:100%;max-width:42rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.gng-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gng-dot{width:.75rem;height:.75rem;border-radius:9999px;background-color:hsl(var(--primary));flex-shrink:0}.gng-title{font-weight:600;font-size:1.125rem;line-height:1.75rem}.gng-sub{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.gng-topbar{justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--border))}.gng-controls,.gng-topbar{display:flex;align-items:center}.gng-controls{gap:.5rem}.gng-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;height:2.25rem;padding:0 1rem;border:1px solid hsl(var(--input));background-color:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;transition:background-color .15s,color .15s}.gng-btn:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.gng-btn:disabled{pointer-events:none;opacity:.5}.gng-controls>label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.gng-input{width:4rem;height:2.25rem;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background-color:hsl(var(--background));color:hsl(var(--foreground));padding:0 .75rem}.gng-arena{min-height:10rem;border-radius:var(--radius);background-color:hsl(var(--muted)/.5);margin-bottom:1.5rem;outline:none}.gng-arena,.gng-circle{display:flex;align-items:center;justify-content:center}.gng-circle{width:6rem;height:6rem;border-radius:9999px;font-size:1.125rem;font-weight:600;color:white;background-color:hsl(var(--muted-foreground));cursor:pointer;user-select:none;transform:scale(0);opacity:0;transition:transform .1s ease-out,opacity .1s ease-out}.gng-circle.show{transform:scale(1);opacity:1}.gng-countdown{font-size:3rem;font-weight:700;color:hsl(var(--foreground))}.gng-green{background-color:#22c55e}.gng-red{background-color:#ef4444}.gng-circle.gng-press{animation:gng-press-flash .12s ease-in-out}@keyframes gng-press-flash{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.gng-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}@media (min-width:640px){.gng-metrics{grid-template-columns:repeat(4,1fr)}}.gng-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.gng-stat b{font-size:1.875rem;font-weight:700;line-height:1}.gng-stat span{font-size:.75rem;margin-top:.25rem}.gng-foot,.gng-stat span{color:hsl(var(--muted-foreground))}.gng-foot{text-align:center;font-size:.875rem}