.community-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(4px,2vw,22px);width:min(100%,650px);box-sizing:border-box;padding:12px 10px 8px;color:#fff9ee;background:transparent;border:0;border-radius:0;box-shadow:none;text-shadow:0 1px 3px #1f170e,0 0 6px #1f170ecc;margin:10px auto 14px;text-align:center}
.community-counters>p:not(#communityStatus){margin:0;white-space:nowrap;font-size:clamp(10px,2.6vw,16px);line-height:1.7;letter-spacing:-.035em}
.community-counters strong{font-family:var(--serif,serif);font-size:clamp(14px,4vw,26px);color:#ffe4a8;font-variant-numeric:tabular-nums;margin:0 2px}
.community-counters small{display:block;font-size:14px;color:#fff4e2}
.community-counters details{flex-basis:100%;font-size:14px}
.community-counters summary{cursor:pointer}
.community-counters details p{font-size:14px;text-align:left;max-width:660px;margin:8px auto}
#communityStatus{grid-column:1/-1;margin:0;font-size:14px}
#communityStatus:empty{display:none}
.fortune-rack{position:absolute;z-index:1;left:-8%;top:0;width:116%;height:100%;background:url('/assets/fortune-rack.webp') center/100% 100% no-repeat;filter:drop-shadow(0 5px 3px rgba(25,15,8,.28));pointer-events:none}
.fortune-knot{position:absolute;width:6%;height:13.5%;background:url('/assets/fortune-knot.webp') center/contain no-repeat;transform:rotate(var(--knot-angle));transform-origin:50% 33%}
.new-knot{animation:rack-arrival 1.2s ease-out}
@keyframes rack-arrival{50%{filter:drop-shadow(0 0 12px #ffe4a3)}}
body[data-time="night"] .fortune-rack{filter:brightness(.72) drop-shadow(0 4px 3px #1116)}
body[data-time="evening"] .fortune-rack{filter:sepia(.15) brightness(.92)}
@media(max-width:560px){.community-counters{width:100%;gap:4px;margin:8px auto 12px;padding:8px 4px}.community-counters>p:not(#communityStatus){font-size:clamp(9px,2.7vw,13px)}.community-counters strong{font-size:clamp(13px,3.5vw,19px);margin:0 1px}}
@media(prefers-reduced-motion:reduce){.new-knot{animation:none}}
.fortune-knot-special{filter:sepia(1) saturate(3) hue-rotate(345deg) brightness(1.25) drop-shadow(0 0 5px #ffd34d) drop-shadow(0 0 10px #ffbd26);animation:golden-fortune 3s ease-in-out infinite alternate}
@keyframes golden-fortune{from{filter:sepia(1) saturate(2.4) hue-rotate(345deg) brightness(1.1) drop-shadow(0 0 3px #ffd34d)}to{filter:sepia(1) saturate(3.5) hue-rotate(345deg) brightness(1.55) drop-shadow(0 0 9px #ffe26c) drop-shadow(0 0 16px #ffc42e)}}
@media(prefers-reduced-motion:reduce){.fortune-knot-special{animation:none}}