.wto-letter-rain-game,.wto-rain-leaderboard{margin-top:1.5rem;border:1px solid color-mix(in srgb,var(--wto-text) 20%,transparent);border-radius:18px;background:color-mix(in srgb,var(--wto-bg) 88%,var(--wto-text));padding:1rem}.wto-rain-stage{position:relative;isolation:isolate;overflow:hidden;min-height:470px;border:3px solid #ffffff;border-radius:15px;background:linear-gradient(180deg,#75cff2 0%,#bceaff 68%,#6ecf75 68%,#52af60 100%);box-shadow:inset 0 0 0 3px #3d9cbd;outline:0}.wto-rain-stage:focus-visible{box-shadow:0 0 0 4px var(--wto-accent),inset 0 0 0 3px #3d9cbd}.wto-rain-ground{position:absolute;z-index:-1;inset:auto 0 0;height:32%;background:repeating-linear-gradient(90deg,transparent 0 28px,#74d378 28px 34px),linear-gradient(#73d876,#57b964)}.wto-rain-ground:before{content:'';position:absolute;inset:-8px 0 auto;height:14px;background:repeating-linear-gradient(90deg,#48a857 0 8px,transparent 8px 16px);clip-path:polygon(0 100%,5% 0,10% 100%,15% 0,20% 100%,25% 0,30% 100%,35% 0,40% 100%,45% 0,50% 100%,55% 0,60% 100%,65% 0,70% 100%,75% 0,80% 100%,85% 0,90% 100%,95% 0,100% 100%)}.wto-rain-cloud{position:absolute;z-index:-1;width:110px;height:31px;border-radius:40px;background:#eefbffcc;filter:drop-shadow(0 5px 0 #a9ddec55);animation:wto-rain-cloud-drift 22s ease-in-out infinite alternate}.wto-rain-cloud:before,.wto-rain-cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}.wto-rain-cloud:before{width:48px;height:48px;bottom:5px;left:20px}.wto-rain-cloud:after{width:37px;height:37px;bottom:4px;right:15px}.wto-rain-cloud-one{left:5%;top:13%;animation-duration:26s}.wto-rain-cloud-two{right:17%;top:22%;transform:scale(.72);animation-delay:-8s}.wto-rain-cloud-three{left:42%;top:7%;transform:scale(.54);animation-delay:-14s}@keyframes wto-rain-cloud-drift{from{translate:-4vw 0}to{translate:9vw 0}}.wto-rain-letter{position:absolute;z-index:2;display:grid;place-items:center;width:68px;height:68px;border:4px solid #fff;border-radius:50%;font:900 clamp(2rem,4vw,3rem)/1 system-ui,sans-serif;color:#162645;text-shadow:0 2px 0 #fff;box-shadow:0 7px 0 #2a6a9b55,0 12px 25px #123c6988;background:linear-gradient(135deg,#ff9cb9,#ff5d93);animation:wto-rain-fall var(--rain-duration) linear forwards,wto-rain-wobble .8s ease-in-out infinite alternate}.wto-rain-letter.is-two{background:linear-gradient(135deg,#ffe582,#ffb72d)}.wto-rain-letter.is-three{background:linear-gradient(135deg,#a6f1a0,#54cf87)}.wto-rain-letter.is-caught{animation:wto-rain-pop .24s ease-out forwards}.wto-rain-letter.is-missed{animation:wto-rain-splash .28s ease-in forwards}@keyframes wto-rain-fall{from{translate:0 -88px}to{translate:0 calc(var(--rain-drop) - 78px)}}@keyframes wto-rain-wobble{from{rotate:-9deg}to{rotate:9deg}}@keyframes wto-rain-pop{to{scale:1.7;opacity:0;filter:brightness(1.5)}}@keyframes wto-rain-splash{to{translate:0 24px;scale:1.25 .45;opacity:0}}.wto-rain-stage.is-shaking{animation:wto-rain-shake .38s ease-in-out}@keyframes wto-rain-shake{20%,60%{translate:-9px 0}40%,80%{translate:9px 0}}.wto-rain-preview{position:absolute;z-index:4;inset:0;display:grid;place-items:center;background:#72d2f11a}.wto-rain-preview-letters{position:absolute;display:flex;gap:1.8rem;top:22%;left:50%;translate:-50% 0}.wto-rain-preview-letters i{display:grid;place-items:center;width:78px;height:78px;border:4px solid #fff;border-radius:50%;font:900 2.6rem/1 system-ui;color:#192440;background:#ff779f;box-shadow:0 6px 0 #b8406f55}.wto-rain-preview-letters i:nth-child(2){background:#ffc64d}.wto-rain-preview-letters i:nth-child(3){background:#ff9457}.wto-rain-level-up{position:absolute;z-index:7;inset:0;display:grid;place-items:center;margin:0;font:900 clamp(2.5rem,8vw,5.5rem)/1 system-ui,sans-serif;color:#ffe94e;text-shadow:3px 3px 0 #203151,-3px -3px 0 #203151;pointer-events:none;animation:wto-rain-level-in .9s ease both}@keyframes wto-rain-level-in{0%{scale:.45;opacity:0}20%,75%{scale:1;opacity:1}100%{scale:1.15;opacity:0}}.wto-rain-stage .wto-game-over{z-index:8}.wto-rain-leaderboard{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.wto-rain-leaderboard ol{grid-column:1/-1}.wto-rain-leaderboard>button{grid-column:1/-1;justify-self:center}.wto-letter-rain-page .wto-game-help,.wto-letter-rain-page .wto-game-sound{color:var(--wto-muted)}.wto-letter-rain-tile .wto-game-tile-preview{position:relative;overflow:hidden;background:linear-gradient(#83d7f6 0 68%,#64bf68 68%)}.wto-rain-tile-cloud{position:absolute;left:13%;top:22%;width:58px;height:18px;border-radius:20px;background:#fff9}.wto-rain-tile-cloud:before{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:inherit;left:14px;bottom:3px}.wto-rain-tile-letter{position:absolute;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:50%;font:bold 1.3rem/1 system-ui;color:#17294a;background:#ff769f;animation:wto-rain-tile-float 2.2s ease-in-out infinite alternate}.wto-rain-tile-letter:nth-of-type(2){left:46%;top:32%;background:#ffc94f;animation-delay:-.7s}.wto-rain-tile-letter:nth-of-type(3){right:15%;top:18%;background:#78dc8a;animation-delay:-1.4s}.wto-rain-tile-letter:first-of-type{left:20%;top:46%}@keyframes wto-rain-tile-float{to{translate:0 18px;rotate:8deg}}.wto-rain-tile-grass{position:absolute;inset:auto 0 0;height:27%;background:#54b55f}@media(max-width:700px){.wto-letter-rain-game,.wto-rain-leaderboard{padding:.7rem;margin-top:1rem}.wto-rain-stage{min-height:430px}.wto-rain-preview-letters{gap:.7rem}.wto-rain-preview-letters i{width:58px;height:58px;font-size:2rem}.wto-rain-letter{width:56px;height:56px;font-size:2.2rem}.wto-rain-leaderboard{grid-template-columns:1fr}.wto-rain-leaderboard .wto-game-board-tabs{grid-row:2}.wto-rain-leaderboard ol{grid-row:3}.wto-rain-leaderboard>button{grid-row:4}}
.wto-letter-rain-game{margin-bottom:1.5rem;width: min(100%, 1120px);max-width: none;margin: 0 auto 1.25rem; }.wto-letter-rain-game + .wto-rain-leaderboard{margin-top:0}@media(max-width:700px){.wto-letter-rain-game{margin-bottom:1rem}}