*{box-sizing:border-box}body{margin:0;background:#101827;color:#f8fafc;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}main{width:min(100%,520px);margin:auto;padding:24px 22px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:35px}.marca{font-weight:850;color:#facc15;letter-spacing:.08em;font-size:14px}.etiqueta{font-size:12px;border:1px solid #475569;padding:5px 8px;border-radius:6px;white-space:nowrap}h1{font-size:clamp(28px,6vw,38px);line-height:1.2;margin:12px 0 20px}.muted{color:#a9b8cc;font-size:14px}.kicker{color:#facc15;font-weight:700;font-size:14px}fieldset{border:0;padding:0;margin:25px 0}legend{margin-bottom:10px;font-weight:650}.deportes{display:flex;gap:12px}.deportes label{flex:1}.deportes input{position:absolute;opacity:0}.deportes span{display:block;padding:17px 10px;border:2px solid #475569;border-radius:12px;text-align:center;font-weight:700}.deportes input:checked+span{border-color:#facc15;background:#2a2b21}.deportes input:focus-visible+span{outline:3px solid white;outline-offset:3px}button,select,input{font:inherit}button{width:100%;border:1px solid #475569;border-radius:12px;padding:14px 16px;background:#1e293b;color:white;cursor:pointer;font-weight:700;font-size:16px}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #facc15;outline-offset:3px}button:disabled{cursor:default}button.principal{background:#facc15;border-color:#facc15;color:#101827;margin:20px 0 10px}button.secundario{margin:8px 0}.cantidad{display:flex;align-items:center;justify-content:space-between;gap:12px}.cantidad select{background:#1e293b;color:white;padding:10px 20px;border:1px solid #475569;border-radius:10px}details{margin-top:24px}summary{cursor:pointer;color:#cbd5e1;font-size:14px}#partidas{padding-left:24px;font-size:14px}#partidas li{margin:10px 0}#invitacion{padding:16px;background:#1e293b;border-left:3px solid #facc15;margin-top:20px}.meta{display:flex;justify-content:space-between;gap:10px;color:#facc15}#progreso{color:#cbd5e1}.pregunta{font-size:22px;margin:12px 0 14px}.foto{height:clamp(220px,38svh,370px);background:#1e293b;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.foto img{width:100%;height:100%;object-fit:contain}.opciones{display:grid;gap:10px;margin-top:16px}.opciones button{text-align:left;min-height:52px}.opciones .elegida{border-color:#facc15}.opciones .correcta{background:#166534;border-color:#86efac}.opciones .incorrecta{background:#7f1d1d;border-color:#fca5a5}.reloj{display:flex;gap:14px;align-items:center;margin-top:12px}#contador{font-size:36px;color:#facc15;width:36px;text-align:center}.barra{flex:1;height:8px;background:#334155;border-radius:8px;overflow:hidden}#tiempo{height:100%;width:100%;background:#facc15}.feedback{min-height:24px;font-size:14px;margin:8px 0}#puntuacion{color:#facc15;white-space:nowrap}.resumen{display:flex;gap:20px;color:#cbd5e1}.comparacion{color:#facc15}#url{width:100%;padding:10px;background:#1e293b;color:white;border:1px solid #475569;border-radius:8px;margin:10px 0}#revision article{padding:16px;background:#1e293b;border-radius:12px;margin-top:14px}#revision img{height:160px;max-width:100%;object-fit:contain}#revision h2{font-size:18px}footer{border-top:1px solid #334155;margin-top:26px;padding-top:4px}#creditos article{font-size:14px;margin:20px 0;overflow-wrap:anywhere}a{color:#facc15}#estado{font-size:14px;color:#facc15;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-height:760px){main{padding-top:14px}header{margin-bottom:20px}.foto{height:30svh;min-height:170px}.opciones{gap:7px}.opciones button{padding:10px 14px}}