.ch-pill{--pc:var(--amber-500,#f5a623);border:1px solid color-mix(in srgb, var(--pc) 40%, transparent);background:color-mix(in srgb, var(--pc) 11%, transparent);height:32px;color:var(--foreground);font:700 14px/1 var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 11px 0 9px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:inline-flex}.ch-pill:hover{border-color:color-mix(in srgb, var(--pc) 65%, transparent)}.ch-pill:active{transform:scale(.94)}.ch-pill:focus-visible{outline:2px solid var(--pc);outline-offset:2px}.ch-streak{--pc:#ff8a1f}.ch-streak .ch-fl{stroke:#ff8a1f;fill:#ff8a1f61;width:17px;height:17px}.ch-streak.hot{animation:2.4s ease-in-out infinite ch-glow;box-shadow:0 0 20px -6px #ff8a1f}.ch-streak.hot .ch-fl{fill:#ff992e;filter:drop-shadow(0 0 4px #ff8a1fb3)}@keyframes ch-glow{50%{box-shadow:0 0 28px -4px #ff8a1fbf}}.ch-coin{background:radial-gradient(circle at 35% 30%,#ffe2a0,#f5a623 55%,#d98300);border-radius:50%;flex:none;width:17px;height:17px;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 -2px #0000002e}.ch-ice{--pc:#4cc9f0;padding-right:10px}.ch-ice .ch-sn{stroke:#4cc9f0;width:15px;height:15px}.ch-pips{gap:3px;display:inline-flex}.ch-pips i{background:color-mix(in srgb, var(--pc) 24%, transparent);border-radius:3px;width:5px;height:13px;transition:background .4s,box-shadow .4s}.ch-pips i.on{background:linear-gradient(180deg, #d6f4ff, var(--pc));box-shadow:0 0 6px color-mix(in srgb, var(--pc) 70%, transparent)}@media (prefers-reduced-motion:reduce){.ch-streak.hot{animation:none}}