#cloch-snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;contain:strict}
#cloch-snow[hidden],.snow-sack[hidden]{display:none!important}
.snow-sack{position:fixed;right:16px;bottom:18px;z-index:11;display:flex;flex-direction:column;align-items:center;width:102px;padding:0;border:0;border-radius:20px;background:none;color:#f9f3df;cursor:pointer;-webkit-tap-highlight-color:transparent}
.snow-sack-art{display:block;width:80px;height:93px;overflow:visible;filter:drop-shadow(0 3px 5px #02132180);transform-origin:50% 93%;transition:transform .3s}
.snow-sack .snow-toggle-label{display:block;white-space:nowrap;font:10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.015em;background:#0a2232dc;border:1px solid #b6c9ce45;border-radius:12px;padding:4px 8px;margin-top:4px;box-shadow:0 2px 8px #02132122}
.snow-sack:hover .snow-sack-art{transform:rotate(-5deg) translateY(-3px)}
.snow-sack:focus-visible{outline:3px solid #e7b86e;outline-offset:5px}
.sack-body{transform-origin:50px 104px;transition:transform .5s ease}
.sack-mouth{transform-origin:50px 27px;transition:transform .4s ease}
.sack-glow,.sack-sparkles{opacity:0;transition:opacity .4s}
.snow-sack[data-state="quiet"] .sack-body{transform:scaleX(1.1)}
.snow-sack[data-state="quiet"] .sack-mouth{transform:scaleY(.38)}
.snow-sack[data-state="quiet"] .sack-sparkles{opacity:.85}
.snow-sack[data-state="gathering"] .sack-body{animation:sack-rustle .32s ease-in-out infinite alternate}
.snow-sack[data-state="gathering"] .sack-glow{opacity:.9}
.snow-sack[data-state="gathering"] .sack-mouth{transform:scaleY(1.35)}
.snow-sack[data-state="gathering"] .sack-sparkles{opacity:1}
@keyframes sack-rustle{from{transform:scale(.98,1.02) rotate(-2deg)}to{transform:scale(1.08,.98) rotate(2deg)}}
@media(max-width:600px){.snow-sack{right:7px;bottom:12px;width:92px}.snow-sack-art{width:64px;height:74px}.snow-sack .snow-toggle-label{font-size:9px;padding:3px 7px}}
@media(prefers-reduced-motion:reduce){.snow-sack *{animation:none!important;transition:none!important}.snow-sack:hover .snow-sack-art{transform:none}}
@media print{#cloch-snow,.snow-sack{display:none!important}}