/* Corrugated-cardboard league souvenirs. The rain never catches clicks. */
.l-rain-control{display:grid;gap:12px;justify-items:start;position:relative}
.l-rain-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dcff7455;background:#d6ff42;color:#102319;padding:16px 20px;font:700 18px/1 var(--sport,Impact,sans-serif);letter-spacing:.04em;box-shadow:4px 4px 0 #0005;transition:transform .18s,background .18s;min-height:48px}
.l-rain-trigger:hover{background:#e6ff94;transform:translateY(-2px)}
.l-rain-trigger:focus-visible{outline:3px solid #f3f0df;outline-offset:5px}
.l-rain-trigger[aria-disabled="true"]{background:#b1cb53;transform:none}
.l-rain-trigger>span:last-child{font:700 27px/.8 var(--sport,Impact,sans-serif);transform:rotate(-13deg);color:#65451f;text-shadow:1px 1px #ffe1a3}
.l-rain-status{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.045em;color:#c6d3c7;max-width:35ch;min-height:1.5em;margin:0}
.l-rain-layer{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:none!important;contain:strict;perspective:650px}
.l-rain-layer[hidden],.l-rain-still[hidden]{display:none!important}
.l-rain-piece{position:absolute;top:-150px;left:var(--l-left);width:var(--l-size);height:calc(var(--l-size)*1.22);filter:drop-shadow(3px 4px 0 #60421f) drop-shadow(0 8px 7px #0005);animation:l-cardboard-fall var(--l-duration) cubic-bezier(.28,.14,.72,1) var(--l-delay) both;will-change:transform}
.l-cutout{display:block;width:100%;height:100%;clip-path:polygon(1% 0,34% 1%,35% 4%,33% 65%,35% 69%,98% 68%,100% 73%,99% 98%,68% 100%,1% 99%,0 45%);background:radial-gradient(ellipse at 70% 20%,#e9cb954f,transparent 51%),linear-gradient(113deg,transparent 31%,#f0d5a139 32%,transparent 34%,transparent 76%,#5f3f1538 77%,transparent 79%),repeating-linear-gradient(90deg,#cfa56c 0 2px,#bc8c50 2px 3px,#d8b780 3px 4px);position:relative;box-shadow:inset 0 0 0 3px #674722}
.l-cutout:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(173deg,transparent 0 18px,#75471935 19px,transparent 20px 46px),linear-gradient(90deg,#f4d9a354,#8b5d2d11 9%,transparent 14%);border-left:2px solid #eccd97}
.l-rain-still{display:flex;align-items:center;gap:16px;height:80px;padding:9px 6px}
.l-rain-still>.l-cutout{width:40px;height:52px;flex:none;filter:drop-shadow(2px 3px 0 #634626);transform:rotate(-15deg)}
.l-rain-still>.l-cutout:nth-child(2){transform:rotate(11deg);width:45px;height:58px}
.l-rain-still>.l-cutout:nth-child(3){transform:rotate(-5deg)}
.l-rain-still>.l-cutout:nth-child(4){transform:rotate(19deg);width:45px;height:58px}
@keyframes l-cardboard-fall{
  0%{transform:translate3d(0,0,0) rotate(var(--l-turn)) rotateY(0deg)}
  38%{transform:translate3d(calc(var(--l-drift)*.35),calc(42vh + 95px),0) rotate(calc(var(--l-turn) + 100deg)) rotateY(var(--l-flip))}
  100%{transform:translate3d(var(--l-drift),calc(100vh + 310px),0) rotate(calc(var(--l-turn) + var(--l-spin))) rotateY(calc(var(--l-flip)*2))}
}
body.motion-paused .l-rain-layer{display:none!important}
body.motion-paused .l-rain-trigger{transition:none}
@media(max-width:600px){.l-rain-trigger{padding:15px 17px;font-size:17px;gap:20px}.l-rain-status{font-size:9px}.l-rain-piece{width:calc(var(--l-size)*.78);height:calc(var(--l-size)*.95)}}
@media(prefers-reduced-motion:reduce){.l-rain-layer{display:none!important}.l-rain-trigger{transition:none}.l-rain-trigger:hover{transform:none}}