*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#12131a;color:#eef0f6}#app{max-width:480px;margin:0 auto;min-height:100dvh}.pantalla{padding:24px 20px 32px;display:flex;flex-direction:column;gap:14px;min-height:100dvh}.centrada{justify-content:center;text-align:center}h1{font-size:2rem}h2{font-size:1.5rem}.logo{font-size:3rem;letter-spacing:-1px;background:linear-gradient(120deg,#7aa2ff,#ff7ab8);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:#9aa0b4;font-size:.95rem}.error{color:#ff8f8f;min-height:1.2em;font-size:.9rem}.aviso{color:#ffd479;font-size:.9rem}.btn{border:0;border-radius:14px;padding:14px 18px;font-size:1.05rem;background:#23263a;color:#eef0f6;cursor:pointer;width:100%}.btn:active{transform:scale(.98)}.btn.primario{background:#4f6df5;font-weight:700}.btn.grande{padding:18px;font-size:1.25rem}.btn.peque{background:transparent;color:#9aa0b4;font-size:.9rem;padding:8px}.equipo{border:1px solid #2c3048;border-radius:12px;padding:10px 12px}.equipo legend{color:#9aa0b4;font-size:.85rem;padding:0 6px}input[type=text],input:not([type]),.equipo input{width:100%;background:#1b1e2c;border:1px solid #2c3048;color:#eef0f6;border-radius:10px;padding:10px 12px;font-size:1rem;margin-top:6px}.campo{display:block;text-align:left;color:#c9cde0}input[type=range]{width:100%;margin-top:8px;accent-color:#4f6df5}.lista{display:flex;flex-direction:column;gap:6px;text-align:left;background:#171927;border-radius:12px;padding:12px}.lista label{display:flex;align-items:center;gap:8px}.conteo{margin-left:auto;color:#9aa0b4;font-size:.8rem}.oculto{display:none}input[type=checkbox],input[type=radio]{accent-color:#4f6df5;width:18px;height:18px}.ronda-tag{color:#7aa2ff;text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.equipo-nombre{color:#7aa2ff}.describe{font-size:1.2rem}.turno{gap:10px}.barra{height:10px;background:#23263a;border-radius:6px;overflow:hidden}.barra-relleno{height:100%;background:#4f6df5;transition:width .9s linear}.barra-relleno.roja{background:#f55}.tiempo{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums}.tiempo.roja{color:#f55}.carta{background:#fff;color:#191a22;border-radius:20px;padding:40px 16px;font-size:2rem;font-weight:800;min-height:150px;display:flex;align-items:center;justify-content:center;word-break:break-word;box-shadow:0 10px 30px #0006}.botones-turno{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn.acierto{background:#1f9d55;font-size:1.3rem;font-weight:800;padding:22px 10px}.btn.pasar{background:#b7791f;font-size:1.1rem;padding:22px 10px}.marcador{width:100%;border-collapse:collapse;margin-top:8px}.marcador th,.marcador td{padding:8px 6px;border-bottom:1px solid #2c3048}.marcador th{color:#9aa0b4;font-size:.8rem;font-weight:600}.equipo{position:relative}.quitar-equipo{position:absolute;top:-4px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#2c3048;color:#9aa0b4;font-size:.9rem;cursor:pointer}.revelar tr{opacity:0;animation:aparecer .5s ease forwards}.revelar tr:nth-child(1){animation-delay:.1s}.revelar tr:nth-child(2){animation-delay:.5s}.revelar tr:nth-child(3){animation-delay:.9s}.revelar tr:nth-child(4){animation-delay:1.3s}.revelar tr:nth-child(5){animation-delay:1.7s}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ganador-titulo{animation:latido 1.2s ease infinite alternate}@keyframes latido{0%{transform:scale(1)}to{transform:scale(1.06)}}.confeti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confeti span{position:absolute;top:-40px;left:calc(var(--i) * 4.2%);font-size:1.4rem;animation:caer 3.2s linear infinite;animation-delay:calc(var(--i) * .25s)}@keyframes caer{to{transform:translateY(110vh) rotate(360deg);opacity:.7}}