#pasapalabra-game *{margin:0;padding:0;box-sizing:border-box}#pasapalabra-game{--primary:#4f46e5;--success:#22c55e;--error:#ef4444;--warning:#eab308;--bg-dark:#1e1b4b;--text-light:#fff;--radius:12px;font-family:system-ui,-apple-system,sans-serif;background:radial-gradient(circle,var(--bg-dark) 0,#0a0826 100%);color:var(--text-light);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;width:100%}#pasapalabra-game .game{width:100%;max-width:1200px;padding:1rem;display:none;position:relative}#pasapalabra-game .welcome{text-align:center;padding:2rem}#pasapalabra-game .welcome h1{font-size:2.5rem;margin-bottom:1rem}#pasapalabra-game .header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;gap:1rem}#pasapalabra-game .stats{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}#pasapalabra-game .stats div{display:flex;align-items:center;gap:.5rem}#pasapalabra-game .config{display:flex;gap:.5rem;flex-shrink:0}#pasapalabra-game .btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:all .2s;background:var(--primary);color:var(--text-light)}#pasapalabra-game .btn:hover{transform:translateY(-2px);filter:brightness(1.1)}#pasapalabra-game .btn:active{transform:translateY(0)}#pasapalabra-game .btn-hint{background:var(--warning)}#pasapalabra-game .btn-hint:disabled{background:#666;cursor:not-allowed;opacity:.7}#pasapalabra-game .btn-settings{background:#6366f1}#pasapalabra-game .btn-bg-mute{background:#ff5722}#pasapalabra-game .btn-pause{background:#607d8b}#pasapalabra-game .rosco{position:relative;width:min(70vmin,500px);aspect-ratio:1;margin:1.5rem auto 3.5rem auto;animation:pasapalabra-float 6s ease-in-out infinite;transition:transform .5s;display:flex;justify-content:center;align-items:center}#pasapalabra-game #pasapalabra-duck{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:280px;display:none;opacity:1;z-index:11}#pasapalabra-game .letter{position:absolute;width:clamp(2rem,4.5vw,2.8rem);height:clamp(2rem,4.5vw,2.8rem);background:var(--primary);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:clamp(.8rem,2.2vw,1.1rem);border:2px solid var(--text-light);transition:all .3s;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.5);opacity:0;transform:scale(0)}#pasapalabra-game .letter.animate-in{opacity:1;transform:scale(1)}#pasapalabra-game .letter.correct{background:var(--success)}#pasapalabra-game .letter.incorrect{background:var(--error)}#pasapalabra-game .letter.current{animation:pasapalabra-pulse 1.5s infinite;box-shadow:0 0 15px rgba(255,255,255,.5)}#pasapalabra-game .game-ui{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1rem;margin-top:.5rem;position:relative;width:100%;box-sizing:border-box}#pasapalabra-game .timer-bubble{position:absolute;top:50%;left:50%;background:orange;border:2px solid #fff;color:#fff;width:clamp(45px,10vw,65px);height:clamp(45px,10vw,65px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,1.8vw,.9rem);cursor:default;transition:background-color .5s;z-index:10}#pasapalabra-game .timer-bubble.blink{animation:blink 1s infinite}#pasapalabra-game .question{font-size:clamp(1rem,2.8vw,1.2rem);text-align:center;margin:.5rem 0;min-height:2rem}#pasapalabra-game .current-hint{font-size:clamp(1.1rem,3.5vw,1.4rem);text-align:center;margin:.5rem 0;color:var(--warning);transition:opacity .5s;display:none}#pasapalabra-game .input-group{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem;flex-wrap:wrap}#pasapalabra-game .answer-input{padding:.7rem 1rem;border-radius:var(--radius);border:2px solid var(--primary);background:rgba(255,255,255,.9);font-size:1rem;width:min(100%,300px)}#pasapalabra-game .answer-input:focus{outline:0;border-color:#818cf8}#pasapalabra-game .controls{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}#pasapalabra-game .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:100}#pasapalabra-game .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-dark);padding:2rem;border-radius:var(--radius);width:min(90%,400px);text-align:center}#pasapalabra-game .modal h2{margin-bottom:1rem}#pasapalabra-game .modal label{display:block;margin:.5rem 0}#pasapalabra-game .modal input[type=number]{width:100%;padding:.5rem;margin-bottom:1rem;border-radius:var(--radius);border:1px solid var(--primary)}#pasapalabra-game .stars{margin:1rem 0}#pasapalabra-game .stars .star{font-size:2rem;color:gold;animation:pasapalabra-bounce .5s ease infinite alternate}#pasapalabra-game .hints-display{display:none;margin:1rem auto;font-size:1.2rem;color:var(--text-light);transition:opacity .5s;text-align:center;text-transform:uppercase}#pasapalabra-game .hints-display.active{display:block}#pasapalabra-game .rosco.move-up{animation:moveRoscoUp 0.5s forwards}#pasapalabra-game .rosco.move-down{animation:moveRoscoDown 0.5s forwards}@keyframes pasapalabra-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes pasapalabra-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes pasapalabra-bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes blink{0%,90%{opacity:1}95%,100%{opacity:0}}@keyframes pasapalabra-duck-fadeout{0%{opacity:1}100%{opacity:0}}.fade-out{animation:pasapalabra-duck-fadeout 1s forwards;animation-delay:1.5s}@keyframes moveRoscoUp{from{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes moveRoscoDown{from{transform:translateY(-100px)}to{transform:translateY(0)}}@media(max-width:480px){#pasapalabra-game .header{flex-direction:column-reverse;gap:1rem}#pasapalabra-game .stats{justify-content:center}#pasapalabra-game .config{justify-content:center}#pasapalabra-game .rosco{width:min(85vw,400px);margin:1rem auto}#pasapalabra-game .letter{width:clamp(1.8rem,4vw,2.5rem);height:clamp(1.8rem,4vw,2.5rem);font-size:clamp(.7rem,2vw,1rem)}#pasapalabra-game .timer-bubble{width:clamp(40px,8vw,55px);height:clamp(40px,8vw,55px);font-size:clamp(.7rem,1.6vw,.85rem)}}