#halving-countdown{position:relative;isolation:isolate;margin:100px auto;text-align:center;width:100%;min-height:clamp(520px,56.25vw,720px);display:grid;align-items:center;padding:64px 0;box-sizing:border-box}.halving-panel{position:relative;z-index:1;width:min(100%,660px);margin:auto}#halving-countdown .section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-bottom:28px}#halving-countdown .section-heading h2{margin:0}.halving-reward{display:grid;justify-items:center;gap:12px;color:var(--gold);font:24px JetBrains Mono,monospace}.halving-reward-change{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:16px;width:min(100%,360px)}.halving-arrow{display:block;width:48px;height:32px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.halving-reward small{color:var(--muted);font:12px Inter,sans-serif}.halving-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px auto 20px;max-width:520px}.halving-clock strong{font:clamp(30px,5vw,50px) "JetBrains Mono",monospace;display:block}.halving-clock span,.halving-date{font-size:12px;color:var(--muted)}.halving-date{min-height:30px}.halving-track{height:5px;background:var(--recess);margin:22px 0 14px;overflow:hidden}.halving-track>span{display:block;height:100%;background:var(--gold);width:0}.halving-heights{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.halving-heights b{color:var(--text);font-weight:400}.halving-test{margin-top:24px;color:var(--gold);font-size:11px;background:none;border:0;padding:10px}.halving-celebration{position:absolute;inset:0;z-index:0;pointer-events:none}.halving-celebration[hidden]{display:none}.halving-celebration [data-halving-art]{width:100%;height:100%}.halving-celebration img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:400px){.halving-reward{font-size:20px}.halving-reward-change{gap:10px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.halving-arrow{width:40px}.halving-heights{flex-direction:column;gap:8px}}