.co2-stage{display: grid;place-items: center;padding: 18px 0 6px;perspective: 900px}.co2-coin{position: relative;width: clamp(150px,44cqi,210px);aspect-ratio: 1;border: 0;padding: 0;background: none;cursor: pointer;transform-style: preserve-3d;transition: transform 1.1s cubic-bezier(0.2,0.7,0.2,1);-webkit-tap-highlight-color: transparent}.co2-face{position: absolute;inset: 0;border-radius: 50%;display: grid;place-items: center;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-shadow: inset 0 0 0 7px rgba(255,255,255,0.35),inset 0 -8px 18px rgba(0,0,0,0.18),0 10px 22px rgba(0,0,0,0.2)}.co2-cara{background: radial-gradient(circle at 35% 30%,#fef3c7,#f59e0b 62%,#b45309);color: #78350f}.co2-coroa{background: radial-gradient(circle at 35% 30%,#f1f5f9,#94a3b8 62%,#475569);color: #1e293b;transform: rotateY(180deg)}.co2-ring{width: 78%;height: 78%;border-radius: 50%;border: 3px dashed currentColor;display: grid;place-items: center;align-content: center;gap: 2px;opacity: 0.9}.co2-ring svg{width: 44%;height: 44%;fill: none;stroke: currentColor;stroke-width: 4;stroke-linecap: round;stroke-linejoin: round}.co2-ring b{font-size: clamp(0.95rem,4cqi,1.25rem);letter-spacing: 0.12em}.co2-result{text-align: center;font-size: 1.25rem;min-height: 1.6em;margin: 0}.co2-actions{justify-content: center}.co2-meter>span{width: 50%;background: #f59e0b}.co2-meter{background: #94a3b8}.co2-hist{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px}.co2-hist li{width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;font-size: 0.72rem;font-weight: 800}.co2-hist li.c{background: #fde68a;color: #78350f}.co2-hist li.k{background: #cbd5e1;color: #1e293b}@media (prefers-reduced-motion: reduce){.co2-coin{transition: none}}