.rainGame{max-width:900px;margin:auto}.rainHud{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1rem 0}.rainHud>div{display:flex;gap:.6rem;flex-wrap:wrap}.rainPill{padding:.55rem .85rem;border-radius:999px;background:var(--sky);font-weight:800;color:var(--navy)}.rainPrompt{text-align:center;margin:1rem 0}.rainPrompt small,.rainPrompt strong{display:block}.rainPrompt strong{font-size:clamp(1.5rem,4vw,2.4rem);color:var(--navy);margin-top:.3rem}.rainArena{position:relative;height:390px;overflow:hidden;border:2px solid var(--line);border-radius:24px;background:linear-gradient(#eef7ff,#fff 72%,#e5f6df);box-shadow:inset 0 -18px 30px #4b8b5120}.rainWord{position:absolute;top:0;transform:translateY(var(--fall-y));width:22%;min-height:54px;border:2px solid #a9bbd7;border-radius:16px;background:#fff;color:var(--navy);font-weight:850;font-size:1rem;box-shadow:0 8px 16px #1c2c5a1a;cursor:pointer;transition:transform .12s linear,background .2s}.rainWord:hover,.rainWord:focus-visible{border-color:var(--blue);background:var(--sky);outline:3px solid #fff}.rainMessage{min-height:3.5rem;margin-top:1rem}.rainKeys{text-align:center;color:var(--muted);font-size:.9rem}.rainResult{text-align:center;padding:2rem}@media(max-width:560px){.rainArena{height:340px}.rainWord{width:44%;font-size:.9rem}.rainHud{align-items:flex-start;flex-direction:column}}
