:root{--primary-blue: #454cec;--accent-pink: #fe4f7d;--bg-neutral: #ffffff;--text-main: #000000;--font-heading: "Arvo", serif;--font-ui: "Gabarito", sans-serif;--transition-speed: .3s}.versus-game-wrapper{font-family:var(--font-ui);background-color:var(--primary-blue);background-image:url(/assets/versus/ui/background_pattern.png);background-repeat:repeat;color:#fff;line-height:1.5;min-height:calc(100dvh - 65px);display:flex;flex-direction:column;justify-content:center}#app{width:100%;max-width:800px;margin:0 auto;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:center}.screen{display:none!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn var(--transition-speed) ease;width:100%;flex:1}.screen.is-active{display:flex!important;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.versus-game-wrapper h1,.versus-game-wrapper h2,.versus-game-wrapper h3{font-family:var(--font-heading);margin-bottom:1rem}.btn{padding:12px 24px;border-radius:0;border:none;font-family:var(--font-ui);font-weight:600;font-size:1.1rem;cursor:pointer;transition:transform .2s,background-color .2s;margin:10px}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-pink);color:#fff}.btn-secondary{background-color:transparent;border:2px solid white;color:#fff}.card{background:#fff;color:var(--text-main);border-radius:0;padding:20px;margin:10px 0;width:100%;border:2px solid black;box-shadow:4px 4px #000;transition:transform .2s,box-shadow .2s}@media(min-width:800px){.screen{max-width:700px;margin:0 auto}}.clickable{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.clickable:hover{transform:translateY(-5px);box-shadow:4px 4px #000}.proposals-container{display:flex;flex-direction:column;width:100%;gap:15px}@media(min-width:600px){.proposals-container{flex-direction:row}}#start-screen{padding:20px;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.candidates-visual{display:flex;flex-direction:column;align-items:center;width:100%;margin:40px 0;position:relative}.candidate-item{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%}.candidate-item:nth-child(3){flex-direction:row-reverse;justify-content:flex-start}.candidate-circle{width:180px;height:180px;flex-shrink:0;border-radius:50%;overflow:hidden;border:6px solid var(--accent-pink);background:#fff;box-shadow:0 4px 10px #0000004d}.candidate-circle img{width:100%;height:100%;object-fit:cover}.candidate-name{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:#fff;text-align:left;max-width:150px;line-height:1.1}.candidate-item:nth-child(3) .candidate-name{text-align:right}.vs-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.vs-image{width:130px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@media(min-width:800px){.candidates-visual{flex-direction:row;justify-content:center;gap:0;margin:20px 0;position:relative;align-items:flex-start}.candidate-item{display:flex;flex-direction:column;align-items:center;width:380px;gap:15px}.candidate-item:nth-child(3){flex-direction:column}.candidate-name,.candidate-item:nth-child(3) .candidate-name{text-align:center;font-size:2rem;max-width:320px;margin-top:10px}.vs-container{position:relative;top:auto;left:auto;transform:translateY(120px);margin:0 -70px;z-index:10}.candidate-circle{width:300px;height:300px}.vs-image{width:180px}#start-button{margin-top:10px}}#start-button{margin-top:30px}#winner-image{width:180px;height:180px;border-radius:50%;border:6px solid var(--accent-pink);object-fit:cover;background:#fff;box-shadow:0 6px 15px #0006}#winner-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin-top:10px;color:#fff}@media(min-width:800px){#winner-image{width:300px;height:300px}#winner-name{font-size:2.2rem}}#winner-visual{margin:20px 0;display:flex;flex-direction:column;align-items:center;width:100%}#result-message{padding:0 30px;line-height:1.4;max-width:600px;margin:0 auto}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background-color:red;opacity:.8;top:-20px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}#review-list{width:100%;margin-bottom:20px}.review-item{text-align:left;align-items:flex-start}.review-proposals{margin-top:15px;width:100%}.candidate-review{padding:10px;border-radius:0;margin:10px 0;border:2px solid black;box-shadow:4px 4px #000}.candidate-review.chosen{background-color:#fff0f3;border-left:5px solid var(--accent-pink)}.chosen-badge{background:var(--accent-pink);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;text-transform:uppercase}.resumen{font-weight:700;margin:5px 0}.cita{font-style:italic;font-size:.9rem;color:#555;margin-bottom:8px}.source-link{font-size:.8rem;color:var(--primary-blue);text-decoration:none}.source-link:hover{text-decoration:underline}hr{border:0;border-top:1px solid #eee;margin:15px 0}