.rain{--danger:0;border-radius:var(--radius-xl);background:radial-gradient(120% 60% at 50% 110%, rgba(255, 77, 94, calc(var(--danger) * .35)), transparent 60%), linear-gradient(180deg, var(--grape-900), var(--grape-850));isolation:isolate;cursor:text;height:clamp(420px,62vh,640px);position:relative;overflow:hidden}.rain.is-slow{background:radial-gradient(120% 60% at 50% 110%, rgba(255, 77, 94, calc(var(--danger) * .35)), transparent 60%), linear-gradient(180deg, #13305a, #1c2a63)}.rain__ground{background:var(--grape-800);height:56px;box-shadow:0 -4px 0 rgba(255, 77, 94, calc(.15 + var(--danger) * .85));z-index:1;position:absolute;bottom:0;left:0;right:0}.rain__cannon{z-index:3;width:54px;height:54px;color:var(--accent);transform-origin:50% 70%;transition:transform 80ms var(--ease-out);margin-left:-27px;position:absolute;bottom:18px;left:50%}.rain__typed{font-weight:700;font-size:var(--text-lg);color:var(--accent);z-index:3;min-width:2ch;position:absolute;bottom:14px;left:50%;transform:translate(-50%)translate(64px)}.drop{border-radius:var(--radius-sm);background:var(--grape-700);box-shadow:0 4px 0 var(--grape-950);color:var(--ink);white-space:nowrap;will-change:transform;z-index:2;align-items:center;gap:6px;padding:6px 12px 7px;font-size:1.3rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:0;left:0}.drop__typed{color:var(--accent)}.drop.is-target{background:var(--ink);color:var(--grape-950);box-shadow:0 4px 0 var(--accent-deep), 0 0 0 3px var(--accent);z-index:4}.drop.is-target .drop__typed{color:var(--sky-deep)}.drop.is-danger:not(.is-target){background:#5a2150}.drop__icon{font-size:.8em;line-height:1}.drop[data-kind=gold]{background:var(--lemon);color:var(--grape-950);box-shadow:0 4px 0 var(--lemon-deep)}.drop[data-kind=heart]{background:var(--bubblegum);color:var(--grape-950);box-shadow:0 4px 0 var(--bubblegum-deep)}.drop[data-kind=ice]{color:var(--grape-950);box-shadow:0 4px 0 var(--sky-deep);background:#bfeaff}.drop[data-kind=bomb]{background:var(--grape-950);color:var(--tangerine);box-shadow:0 4px 0 #000, 0 0 0 2px var(--tangerine)}.drop[data-kind] .drop__typed{color:var(--grape-600)}.drop.is-miss{animation:.22s shake-x}.beam{background:var(--accent);height:4px;box-shadow:0 0 14px var(--accent);transform-origin:0;z-index:2;pointer-events:none;border-radius:2px;animation:.18s ease-out forwards beam;position:absolute}@keyframes beam{0%{opacity:1}to{opacity:0;height:1px}}.banner{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.banner__text{font-family:var(--font-display);color:var(--lemon);text-shadow:0 6px 0 var(--lemon-deep);animation:banner 1.3s var(--ease-out) forwards;font-size:clamp(2.4rem,7vw,4.4rem)}@keyframes banner{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.08)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-30px)}}.lives{gap:4px;display:flex}.life{width:26px;height:26px;color:var(--bubblegum);transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-base)}.life.is-lost{opacity:.18;color:var(--faint);transform:scale(.75)}.life.is-new{animation:bump .4s var(--ease-spring)}.rain-intro{align-items:center;gap:var(--space-lg);flex-direction:column;max-width:460px;display:flex}.rain-intro__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);line-height:1}.rain-intro__howto{color:var(--ink);font-size:var(--text-lg)}.rain-intro__legend{gap:var(--space-sm) var(--space-lg);text-align:left;font-size:var(--text-sm);color:var(--ink-soft);grid-template-columns:repeat(2,minmax(0,1fr));font-weight:500;display:grid}.rain-intro__legend li{align-items:center;gap:var(--space-sm);display:flex}.rain-intro__legend .drop{font-size:var(--text-sm);padding:4px 8px;position:static}.rain-intro__cta{color:var(--accent);font-weight:700;animation:1.6s ease-in-out infinite soft-pulse}@media (width<=640px){.drop{padding:5px 9px 6px;font-size:1.05rem}.rain-intro__legend{grid-template-columns:1fr}}