.dh-jar{background:radial-gradient(60% 80% at 0%,#e5c04b1f,#0000 70%),linear-gradient(160deg,#e5c04b0d,#0a101eb8 55%);border:1px solid #e5c04b33;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,2.6vw,36px);padding:clamp(18px,2vw,26px);display:grid}.dh-jar-stage{align-self:stretch;place-items:center;width:clamp(132px,13vw,176px);display:grid;position:relative}.dh-jar-stage:before{content:"";filter:blur(6px);background:radial-gradient(closest-side,#e5c04b38,#0000);border-radius:50%;animation:4.2s ease-in-out infinite alternate dh-jar-glow;position:absolute;inset:6% -18% 4%}@keyframes dh-jar-glow{0%{opacity:.55}to{opacity:1}}.dh-jar-stage svg{width:100%;height:auto;display:block;position:relative;overflow:visible}.dh-jar-fill{transform:translateY(var(--surface));animation:1.6s cubic-bezier(.2,.7,.2,1) both dh-jar-settle}@keyframes dh-jar-settle{0%{transform:translateY(var(--empty))}}.dh-jar-wave{animation:3.2s linear infinite dh-jar-drift}.dh-jar-wave--back{opacity:.55;animation-duration:5.4s;animation-direction:reverse}@keyframes dh-jar-drift{to{transform:translate(60px)}}.dh-jar-bubble{opacity:0;animation:4.6s ease-in infinite dh-jar-bubble}@keyframes dh-jar-bubble{0%{opacity:0;transform:translateY(90px)}25%{opacity:.7}to{opacity:0;transform:translateY(-100px)}}.dh-jar-pool-light{animation:4.2s ease-in-out infinite alternate dh-jar-glow}.dh-jar-etch{stroke:#ffffff61;stroke-linecap:round}.dh-jar-marker{transform:translateY(var(--surface));animation:1.6s cubic-bezier(.2,.7,.2,1) both dh-jar-settle}.dh-jar-marker text{fill:var(--dh-gold);font:700 13px var(--dh-sans);letter-spacing:-.02em}.dh-jar-marker text.dh-jar-marker-sub{fill:#f2f4f78c;font:500 8.5px var(--dh-mono);letter-spacing:.1em;text-transform:uppercase}.dh-jar-drop{animation:1.3s cubic-bezier(.3,.6,.3,1) both dh-jar-claim}@keyframes dh-jar-claim{0%{opacity:0;transform:translateY(var(--from))}18%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(8px)}}.dh-jar-plus{color:var(--dh-gold);font:700 18px/1 var(--dh-sans);letter-spacing:-.02em;text-shadow:0 2px 14px #e5c04b99;white-space:nowrap;pointer-events:none;animation:1.9s ease-out .5s both dh-jar-rise;position:absolute;top:2%;left:47%}@keyframes dh-jar-rise{0%{opacity:0;transform:translate(-50%,16px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)}}.dh-jar-side{flex-direction:column;gap:12px;min-width:0;display:flex}.dh .dh-jar-feed{margin:0;padding:0;list-style:none}.dh .dh-jar-feed li{color:#f2f4f7b8;border-bottom:1px solid #ffffff12;border-radius:3px;grid-template-columns:54px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:9px 8px;font-size:13.5px;line-height:1.35;transition:background-color .4s;display:grid}.dh .dh-jar-feed li.is-drop{background:#e5c04b1a}.dh-jar-pts{color:var(--dh-gold);font-variant-numeric:tabular-nums;font-weight:700}.dh-jar-what{overflow-wrap:anywhere;min-width:0}.dh-jar-what b{color:var(--dh-fg);font-weight:600}.dh-jar-age{color:var(--dh-faint);font:400 11px/1 var(--dh-mono)}.dh .dh-jar-total{color:var(--dh-muted);font-size:13px}.dh-jar-total b{color:var(--dh-gold);font-size:15px;font-weight:700}.dh-jar-pool{border-bottom:1px solid #ffffff14;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.dh .dh-jar-kicker{color:#f2f4f799;font:500 10.5px/1 var(--dh-mono);letter-spacing:.2em;text-transform:uppercase;margin:0}.dh .dh-jar-hero{flex-direction:column;gap:6px;margin:0;display:flex}.dh-jar-hero b{background:linear-gradient(#fff3c4 10%,#e5c04b 55%,#b8862a);color:#0000;font:300 clamp(44px, 5.2vw, 68px) / .92 var(--dh-sans);letter-spacing:-.055em;font-variant-numeric:tabular-nums;filter:drop-shadow(0 6px 22px #e5c04b47);-webkit-background-clip:text;background-clip:text}.dh-jar-hero span{color:var(--dh-fg);font:500 15px/1.2 var(--dh-sans);letter-spacing:-.01em}.dh .dh-jar-figures{flex-wrap:wrap;gap:8px 22px;margin:0;display:flex}.dh-jar-figures>div{flex-direction:column-reverse;gap:5px;min-width:0;display:flex}.dh-jar-figures>div+div{border-left:1px solid #ffffff1f;padding-left:22px}.dh-jar-figures dt{color:#f2f4f78c;font:500 10px/1.2 var(--dh-mono);letter-spacing:.14em;text-transform:uppercase}.dh-jar-figures dd{color:var(--dh-fg);font:500 19px/1 var(--dh-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.dh-jar-figures dd.is-claimed{color:var(--dh-green)}.dh-jar-timer{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.dh-jar-timer-label{color:#f2f4f799;font:500 10.5px/1 var(--dh-mono);letter-spacing:.16em;text-transform:uppercase}.dh-jar-timer-cells{align-items:baseline;gap:4px;display:inline-flex}.dh-jar-timer-cells b{color:#fff;min-width:34px;font:600 17px/1 var(--dh-mono);font-variant-numeric:tabular-nums;text-align:center;background:#00000059;border:1px solid #ffffff24;border-radius:4px;padding:7px 6px}.dh-jar-timer-cells i{color:var(--dh-faint);font:500 11px/1 var(--dh-mono);margin-right:6px;font-style:normal}@media (max-width:640px){.dh .dh-jar-kicker,.dh-jar-figures dt,.dh-jar-timer-label,.dh-jar-timer-cells i{letter-spacing:.06em;font-size:12px}}@media (prefers-reduced-motion:reduce){.dh-jar-fill,.dh-jar-marker,.dh-jar-wave,.dh-jar-bubble,.dh-jar-pool-light,.dh-jar-stage:before{animation:none}}@media (max-width:640px){.dh-jar{grid-template-columns:minmax(0,1fr);justify-items:center}.dh-jar-side{width:100%}.dh-jar-stage{width:150px}}@media (prefers-reduced-motion:reduce){.dh-jar-drop,.dh-jar-plus{animation:none}.dh-jar-plus{display:none}}.dh-jar-col{flex-direction:column;align-self:center;align-items:center;gap:12px;display:flex}.dh-jar-col .dh-jar-stage{align-self:center}.dh-jar-under{flex-direction:column;align-items:center;gap:10px;display:flex}.dh .dh-jar-under .dh-jar-figures{text-align:center;justify-content:center;gap:6px 14px}.dh-jar-under .dh-jar-figures>div+div{padding-left:14px}.dh-jar-under .dh-jar-figures dd{font-size:16px}.dh-jar-under .dh-jar-figures dt{letter-spacing:.1em;font-size:9.5px}.dh-jar-under .dh-jar-timer{flex-direction:column;gap:6px}.dh-jar-under .dh-jar-timer-cells b{min-width:30px;padding:5px;font-size:15px}.dh-jar-under .dh-jar-timer-cells i{margin-right:4px}.dh-jar--pool .dh-jar-pool{padding-bottom:12px}@media (max-width:640px){.dh-jar-under .dh-jar-figures dt,.dh-jar-under .dh-jar-timer-label{font-size:11px}}
