.lluvia-arena{position:relative;width:100%;min-height:420px;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,#0b3b60,#0b2040 60%,#062038);box-shadow:0 20px 60px #0b204059}.lluvia-arena--peque{background:linear-gradient(160deg,#197b7a,#0b3b60 65%,#0b2040)}.lluvia-danger-line{position:absolute;left:0;right:0;bottom:14%;border-top:1px dashed rgba(232,197,71,.35)}.lluvia-word{position:absolute;transform:translate(-50%,-50%);font-family:Nunito,sans-serif;font-weight:800;font-size:18px;letter-spacing:.02em;white-space:nowrap;padding:5px 12px;border-radius:12px;pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff;background:#050610ad;border:1.5px solid var(--lluvia-glow, #2BE7FF);box-shadow:0 0 10px var(--lluvia-glow, #2BE7FF);text-shadow:0 0 8px var(--lluvia-glow, #2BE7FF)}.lluvia-arena--peque .lluvia-word{font-size:24px;padding:7px 16px;border-radius:16px}.lluvia-word--locked{background:#e8c54738;border-color:#e8c547;box-shadow:0 0 0 2px #e8c54780,0 0 18px #e8c54773}.lluvia-word-typed{color:#fcd34d}.lluvia-particle{position:absolute;width:6px;height:6px;border-radius:999px;transform:translate(-50%,-50%);animation:lluvia-burst .6s ease-out forwards;pointer-events:none}@keyframes lluvia-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--lluvia-dx, 20px)),calc(-50% + var(--lluvia-dy, -20px))) scale(0);opacity:0}}.lluvia-flash{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:10px 20px;border-radius:14px;font-weight:900;font-size:14px;white-space:nowrap;color:#0b2040;background:linear-gradient(135deg,#fcd34d,#e8c547);box-shadow:0 10px 28px #e8c54766;animation:lluvia-flash-in .9s ease-out forwards;z-index:20}.lluvia-flash--miss{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#fff}@keyframes lluvia-flash-in{0%{transform:translate(-50%) translateY(8px) scale(.85);opacity:0}20%{transform:translate(-50%) translateY(0) scale(1.05);opacity:1}80%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-6px) scale(.95);opacity:0}}.lluvia-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-weight:800;font-size:12px;color:#ffffffd9;text-transform:uppercase;letter-spacing:.08em}.lluvia-hud-value{color:#fcd34d;font-size:15px}.lluvia-progress-track{height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin:0 14px 10px}.lluvia-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#197b7a,#2dd4bf);transition:width .4s ease}.lluvia-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;text-align:center;color:#fff}.lluvia-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:12px 26px;border-radius:14px;font-weight:900;font-size:14px;background:linear-gradient(135deg,#ffe066,#fcd34d,#e8a317);color:#0b2040;box-shadow:0 8px 24px #e8c54759;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none}.lluvia-btn:hover{transform:translateY(-2px) scale(1.02)}.lluvia-btn:active{transform:translateY(0) scale(.97)}.lluvia-btn--ghost{background:#ffffff1a;color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.25)}.lluvia-speed-option{padding:10px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.18);color:#ffffffbf;font-weight:800;font-size:13px;cursor:pointer;background:#ffffff0d;transition:all .15s ease}.lluvia-speed-option--active{border-color:#e8c547;background:#e8c54726;color:#fcd34d}.lluvia-mascot{font-size:44px;display:inline-block;animation:lluvia-float 3.2s ease-in-out infinite}@keyframes lluvia-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lluvia-confetti{position:absolute;top:-10%;font-size:22px;animation:lluvia-confetti-fall linear forwards;pointer-events:none}@keyframes lluvia-confetti-fall{to{transform:translateY(130vh) rotate(360deg);opacity:0}}@media(max-width:380px){.lluvia-arena{min-height:340px;border-radius:16px}.lluvia-word{font-size:15px;padding:3px 8px}.lluvia-arena--peque .lluvia-word{font-size:19px}.lluvia-hud{font-size:10px;padding:8px 10px}.lluvia-hud-value{font-size:13px}.lluvia-btn{padding:10px 18px;font-size:13px}.lluvia-card{padding:16px}}@keyframes lluvia-fade-in{0%{opacity:0}to{opacity:1}}.lluvia-fade-in{animation:lluvia-fade-in .4s ease-out both}@keyframes lluvia-slide-in-right{0%{transform:translate(100%);opacity:.4}to{transform:translate(0);opacity:1}}.lluvia-slide-in-right{animation:lluvia-slide-in-right .5s cubic-bezier(.22,1,.36,1) both}.lluvia-intensity-track{height:8px;border-radius:999px;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}.lluvia-intensity-fill{height:100%;transition:width .25s ease,background .25s ease}.lluvia-level-btn{transition:transform .15s ease,box-shadow .15s ease}.lluvia-level-btn:hover{transform:translateY(-2px)}.lluvia-level-btn--selected{box-shadow:0 0 0 2px #fff,0 0 16px currentColor}@keyframes lluvia-score-pop{0%{transform:translateY(0) scale(.8);opacity:0}30%{transform:translateY(-6px) scale(1.15);opacity:1}to{transform:translateY(-28px) scale(1);opacity:0}}.lluvia-score-pop{position:absolute;pointer-events:none;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:lluvia-score-pop .8s ease-out forwards}@keyframes lluvia-flame-grow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lluvia-combo-flame{display:inline-block;animation:lluvia-flame-grow .6s ease-in-out infinite}@keyframes lluvia-star-fall{0%{transform:translateY(-10vh);opacity:0}10%{opacity:var(--lluvia-star-op, .6)}90%{opacity:var(--lluvia-star-op, .6)}to{transform:translateY(110vh);opacity:0}}.lluvia-bg-star{position:absolute;border-radius:50%;background:#fff;pointer-events:none;animation-name:lluvia-star-fall;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.lluvia-mascot{animation:none}.lluvia-confetti{display:none}}